tor-browser

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

addEngine.css (1271B)


      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 input {
      6  flex: 1;
      7 }
      8 
      9 hbox {
     10  width: 100%;
     11 }
     12 
     13 #titleContainer {
     14  padding-bottom: var(--space-xlarge);
     15  --icon-url: url("chrome://browser/skin/preferences/category-search.svg");
     16 }
     17 
     18 .dialogRow {
     19  & > label,
     20  & > .error-label {
     21    /* Align the labels with the inputs */
     22    margin-inline-start: 4px;
     23  }
     24 }
     25 
     26 input[type="url"]:not(:placeholder-shown) {
     27  /* Full URLs should always be displayed as LTR */
     28  direction: ltr;
     29  text-align: match-parent;
     30 }
     31 
     32 .dialogRow:not([hidden]) {
     33  display: flex;
     34  flex-direction: column;
     35 }
     36 
     37 .error-label {
     38  display: flex;
     39  font-size: var(--font-size-small);
     40  margin-top: var(--space-xxsmall);
     41  margin-bottom: var(--space-medium);
     42  align-items: center;
     43  gap: var(--space-xsmall);
     44  color: var(--text-color-error);
     45 
     46  visibility: hidden;
     47  input:user-invalid + & {
     48    visibility: visible;
     49  }
     50 
     51  &::before {
     52    content: url("chrome://global/skin/icons/error.svg");
     53    fill: var(--icon-color-critical);
     54    -moz-context-properties: fill;
     55    height: var(--icon-size);
     56    width: var(--icon-size);
     57    display: flex;
     58  }
     59 }