tor-browser

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

sidebar-customize.css (2222B)

      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 https://mozilla.org/MPL/2.0/. */
      4 
      5 .sidebar-panel {
      6  font: menu;
      7 
      8  > * + * {
      9    margin-top: var(--space-xlarge);
     10  }
     11 
     12  > sidebar-panel-header + * {
     13    margin-top: var(--space-medium);
     14  }
     15 }
     16 
     17 .medium-top-margin {
     18  margin-block-start: var(--space-medium);
     19 }
     20 
     21 .customize-header {
     22  display: flex;
     23  justify-content: space-between;
     24  align-items: center;
     25  -moz-context-properties: fill;
     26  fill: currentColor;
     27  color: currentColor;
     28 
     29  .customize-close-button::part(button) {
     30    background-image: url("resource://content-accessible/close-12.svg");
     31  }
     32 }
     33 
     34 .icon {
     35  -moz-context-properties: fill;
     36  fill: currentColor;
     37  width: var(--icon-size);
     38  height: var(--icon-size);
     39 }
     40 
     41 .extensions {
     42  display: flex;
     43  flex-direction: column;
     44  margin-top: var(--space-small);
     45  padding-inline: var(--space-medium);
     46  background-color: var(--sidebar-box-background);
     47  color: var(--sidebar-box-color);
     48  border: var(--sidebar-box-border);
     49  border-radius: var(--border-radius-medium);
     50 }
     51 
     52 .extension-item {
     53  display: flex;
     54  gap: var(--space-small);
     55  padding-block: var(--space-medium);
     56  box-sizing: border-box;
     57 
     58  &:not(:last-of-type) {
     59    border-bottom: 0.5px solid var(--panel-separator-color);
     60  }
     61 }
     62 
     63 .customize-extensions-heading {
     64  margin: 0;
     65  font-weight: var(--heading-font-weight);
     66 }
     67 
     68 moz-fieldset {
     69  display: block;
     70 
     71  &::part(inputs) {
     72    background-color: var(--sidebar-box-background);
     73    color: var(--sidebar-box-color);
     74    border: var(--sidebar-box-border);
     75    border-radius: var(--border-radius-medium);
     76    gap: 0;
     77    padding-inline: var(--space-medium);
     78  }
     79 }
     80 
     81 moz-checkbox {
     82  padding-block: var(--space-medium);
     83 
     84  &:not(:last-of-type) {
     85    border-bottom: 0.5px solid var(--panel-separator-color);
     86  }
     87 
     88  > moz-checkbox:last-of-type {
     89    padding-block: 0;
     90  }
     91 }
     92 
     93 .no-label::part(label) {
     94  display: none;
     95 }
     96 
     97 #manage-settings {
     98  display: flex;
     99  align-items: center;
    100  gap: var(--space-small);
    101  padding-inline-start: var(--space-medium);
    102 }
    103 
    104 .customize-group:not(.no-end-margin) {
    105  margin-block-end: var(--space-xlarge);
    106 }