tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

toolbarbutton.css (1125B)

      1 /* This Source Code Form is subject to the terms of the Mozilla Public
      2 * License, v. 2.0. If a copy of the MPL was not distributed with this
      3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
      4 
      5 /**
      6 * Legacy `devtools-toolbarbutton` styles, extracted from common.css because
      7 * we're only using them in Style Editor,
      8 * and it makes maintaining the newer `devtools-button` styles easier.
      9 */
     10 
     11 .devtools-toolbarbutton {
     12  appearance: none;
     13  background: transparent;
     14  border: none;
     15  border-radius: 2px;
     16  color: var(--theme-body-color);
     17  text-shadow: none;
     18  padding: 2px 6px;
     19  margin: 1px;
     20  white-space: nowrap;
     21 
     22  &[disabled] {
     23    opacity: 0.5 !important;
     24  }
     25 
     26  &:is([open], :hover, :hover:active) {
     27    background: var(--toolbarbutton-hover-background);
     28  }
     29 
     30  & .toolbarbutton-icon {
     31    width: 16px;
     32    height: 16px;
     33    -moz-context-properties: fill;
     34    fill: currentColor;
     35    color: var(--theme-icon-color);
     36    direction: ltr;
     37    font-size: 11px;
     38  }
     39 
     40  & > .toolbarbutton-icon {
     41    margin: 0 3px;
     42  }
     43 
     44  &[open="true"] > .toolbarbutton-icon {
     45    color: var(--theme-icon-checked-color);
     46  }
     47 }