tor-browser

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

SidebarRuntimeItem.css (1163B)

      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 * Layout of a runtime sidebar item
      7 *
      8 *  +--------+----------------+---------------------------+
      9 *  | Icon   | Runtime name   | Connect button            |
     10 *  +--------+----------------+---------------------------+
     11 */
     12 
     13 .sidebar-runtime-item__container {
     14  box-sizing: border-box;
     15  height: var(--category-height);
     16  align-items: center;
     17  display: grid;
     18  grid-column-gap: var(--base-unit);
     19  grid-template-columns: calc(var(--base-unit) * 6) 1fr auto;
     20  font-size: var(--body-20-font-size);
     21  font-weight: var(--body-20-font-weight, normal);
     22 }
     23 
     24 .sidebar-runtime-item__icon {
     25  fill: currentColor;
     26  -moz-context-properties: fill;
     27 }
     28 
     29 .sidebar-runtime-item__runtime {
     30  line-height: 1;
     31 }
     32 
     33 .sidebar-runtime-item__runtime__details {
     34  font-size: var(--caption-10-font-size);
     35  font-weight: var(--caption-10-font-weight, normal);
     36  line-height: 1.2;
     37 }
     38 
     39 .sidebar-runtime-item__message:first-of-type {
     40  margin-block-start: calc(var(--base-unit) * -1);
     41 }