tor-browser

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

Breakpoints.css (4989B)

      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 .breakpoints-pane > ._content {
      6  overflow-x: auto;
      7 }
      8 
      9 .breakpoints-options *,
     10 .breakpoints-list * {
     11  user-select: none;
     12 }
     13 
     14 .breakpoints-list {
     15  padding: 4px 0;
     16 }
     17 
     18 .breakpoints-list .breakpoint-heading {
     19  text-overflow: ellipsis;
     20  width: 100%;
     21  font-size: 12px;
     22  line-height: 16px;
     23 }
     24 
     25 .breakpoint-heading:not(:first-child) {
     26  margin-top: 2px;
     27 }
     28 
     29 .breakpoints-list .breakpoint-heading .filename {
     30  overflow: hidden;
     31  text-overflow: ellipsis;
     32 }
     33 
     34 .breakpoints-list .breakpoint-heading .filename span {
     35  opacity: 0.7;
     36  padding-left: 4px;
     37 }
     38 
     39 .breakpoints-list .breakpoint-heading,
     40 .breakpoints-list .breakpoint {
     41  color: var(--theme-text-color-strong);
     42  position: relative;
     43  cursor: pointer;
     44 }
     45 
     46 .breakpoints-list .breakpoint-heading,
     47 .breakpoints-list .breakpoint,
     48 .breakpoints-options > * {
     49  display: flex;
     50  align-items: center;
     51  overflow: hidden;
     52  padding-top: 2px;
     53  padding-bottom: 2px;
     54  padding-inline-start: 16px;
     55  padding-inline-end: 12px;
     56 }
     57 
     58 .breakpoints-exceptions-caught {
     59  padding-bottom: 3px;
     60  padding-top: 3px;
     61  padding-inline-start: 36px;
     62 }
     63 
     64 .breakpoints-options {
     65  padding-top: 4px;
     66  padding-bottom: 4px;
     67 }
     68 
     69 .xhr-breakpoints-pane .breakpoints-options {
     70  border-bottom: 1px solid var(--theme-splitter-color);
     71 }
     72 
     73 .breakpoints-options:not(.empty) {
     74  border-bottom: 1px solid var(--theme-splitter-color);
     75 }
     76 
     77 .breakpoints-options input {
     78  padding-inline-start: 2px;
     79  margin-top: 0;
     80  margin-bottom: 0;
     81  margin-inline-start: 0;
     82  margin-inline-end: 2px;
     83  vertical-align: text-bottom;
     84 }
     85 
     86 .breakpoint-exceptions-label {
     87  line-height: 14px;
     88  padding-inline-end: 8px;
     89  cursor: default;
     90  overflow: hidden;
     91  text-overflow: ellipsis;
     92 }
     93 
     94 .breakpoints-list .breakpoint,
     95 .breakpoints-list .breakpoint-heading,
     96 .breakpoints-options {
     97  border-inline-start: 4px solid transparent;
     98 }
     99 
    100 html .breakpoints-list .breakpoint.is-conditional {
    101  border-inline-start-color: var(--theme-graphs-yellow);
    102 }
    103 
    104 html .breakpoints-list .breakpoint.is-log {
    105  border-inline-start-color: var(--theme-graphs-purple);
    106 }
    107 
    108 html .breakpoints-list .breakpoint.paused {
    109  background-color: var(--theme-toolbar-background-alt);
    110  border-color: var(--breakpoint-active-color);
    111 }
    112 
    113 .breakpoints-list .breakpoint:hover {
    114  background-color: var(--search-overlays-semitransparent);
    115 }
    116 
    117 .breakpoint-line-close {
    118  margin-inline-start: 4px;
    119 }
    120 
    121 .breakpoints-list .breakpoint .breakpoint-line {
    122  font-size: 11px;
    123  color: var(--theme-comment);
    124  min-width: 16px;
    125  text-align: end;
    126  padding-top: 1px;
    127  padding-bottom: 1px;
    128 }
    129 
    130 .breakpoints-list .breakpoint:hover .breakpoint-line,
    131 .breakpoints-list .breakpoint-line-close:focus-within .breakpoint-line {
    132  color: transparent;
    133 }
    134 
    135 .breakpoints-list .breakpoint.paused:hover {
    136  border-color: var(--breakpoint-active-color-hover);
    137 }
    138 
    139 .breakpoints-list .breakpoint-label {
    140  display: inline-block;
    141  cursor: pointer;
    142  flex-grow: 1;
    143  text-overflow: ellipsis;
    144  overflow: hidden;
    145  font-size: 11px;
    146 }
    147 
    148 .breakpoints-list .breakpoint-label span,
    149 .breakpoint-line-close {
    150  display: inline;
    151  line-height: 14px;
    152 }
    153 
    154 .breakpoint-checkbox {
    155  margin-inline-start: 0;
    156  margin-top: 0;
    157  margin-bottom: 0;
    158  vertical-align: text-bottom;
    159 }
    160 
    161 .breakpoint-label .location {
    162  width: 100%;
    163  display: inline-block;
    164  overflow-x: hidden;
    165  text-overflow: ellipsis;
    166  padding: 1px 0;
    167  vertical-align: bottom;
    168 }
    169 
    170 .breakpoints-list .pause-indicator {
    171  flex: 0 1 content;
    172  order: 3;
    173 }
    174 
    175 .breakpoint .close-btn {
    176  position: absolute;
    177  /* hide button outside of row until hovered or focused */
    178  top: -100px;
    179 }
    180 
    181 [dir="ltr"] .breakpoint .close-btn {
    182  right: 12px;
    183 }
    184 
    185 [dir="rtl"] .breakpoint .close-btn {
    186  left: 12px;
    187 }
    188 
    189 /* Reveal the remove button on hover/focus */
    190 .breakpoint:hover .close-btn,
    191 .breakpoint .close-btn:focus {
    192  top: calc(50% - 8px);
    193 }
    194 
    195 /* Hide the line number when revealing the remove button (since they're overlayed) */
    196 .breakpoint-line-close:focus-within .breakpoint-line,
    197 .breakpoint:hover .breakpoint-line {
    198  visibility: hidden;
    199 }
    200 
    201 .CodeMirror.cm-s-mozilla-breakpoint {
    202  cursor: pointer;
    203 }
    204 
    205 .CodeMirror.cm-s-mozilla-breakpoint .CodeMirror-lines {
    206  padding: 0;
    207 }
    208 
    209 .CodeMirror.cm-s-mozilla-breakpoint .CodeMirror-sizer {
    210  min-width: initial !important;
    211 }
    212 
    213 .breakpoints-list .breakpoint .CodeMirror.cm-s-mozilla-breakpoint {
    214  transition: opacity 0.15s linear;
    215 }
    216 
    217 .breakpoints-list .breakpoint.disabled .CodeMirror.cm-s-mozilla-breakpoint {
    218  opacity: 0.5;
    219 }
    220 
    221 .CodeMirror.cm-s-mozilla-breakpoint .CodeMirror-line span[role="presentation"] {
    222  max-width: 100%;
    223  overflow: hidden;
    224  text-overflow: ellipsis;
    225  display: inline-block;
    226 }
    227 
    228 .CodeMirror.cm-s-mozilla-breakpoint .CodeMirror-code,
    229 .CodeMirror.cm-s-mozilla-breakpoint .CodeMirror-scroll {
    230  pointer-events: none;
    231 }
    232 
    233 .CodeMirror.cm-s-mozilla-breakpoint {
    234  padding-top: 1px;
    235 }