tor-browser

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

CommandBarButton.css (1479B)

      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 .command-bar-button {
      6  appearance: none;
      7  background: transparent;
      8  border: none;
      9  display: inline-block;
     10  text-align: center;
     11  position: relative;
     12  padding: 0 5px;
     13  fill: currentColor;
     14  min-width: 30px;
     15  /* Adjust outline so it's not clipped */
     16  outline-offset: -3px;
     17  flex-shrink: 0;
     18 }
     19 
     20 .command-bar-button:disabled {
     21  cursor: default;
     22 
     23  & .dbg-img {
     24    background-color: var(--theme-icon-disabled-color);
     25  }
     26 }
     27 
     28 .command-bar-button:not(.disabled):hover,
     29 .devtools-button.debugger-settings-menu-button:empty:enabled:not([aria-expanded="true"]):hover {
     30  background: var(--theme-toolbar-background-hover);
     31 }
     32 
     33 .theme-dark .command-bar-button:not(.disabled):hover,
     34 .devtools-button.debugger-settings-menu-button:empty:enabled:not([aria-expanded="true"]):hover {
     35  background: var(--theme-toolbar-hover);
     36 }
     37 
     38 :root.theme-dark .command-bar-button {
     39  color: var(--theme-body-color);
     40 }
     41 
     42 .command-bar-button > * {
     43  width: 16px;
     44  height: 16px;
     45  display: inline-block;
     46  vertical-align: middle;
     47 }
     48 
     49 /**
     50 * Settings icon and menu
     51 */
     52 .devtools-button.debugger-settings-menu-button {
     53  border-radius: 0;
     54  margin: 0;
     55  padding: 0;
     56 }
     57 
     58 .devtools-button.debugger-settings-menu-button::before {
     59  background-image: url("chrome://devtools/skin/images/settings.svg");
     60 }