tor-browser

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

RuntimeInfo.css (1214B)

      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 for the runtime info container is:
      7 *
      8 *      <- 68px --x--------- 1fr ----------><---- max ---->
      9 *   ∧  +---------+------------------------+--------------+
     10 *  1fr |         | Runtime Info           |   [Action]   |
     11 *   |  |  Icon   | eg "Firefox (70.0a1)"  |              |
     12 *   x  |         +------------------------+              |
     13 *  max |         | Device Name (optional) |              |
     14 *   ∨  +---------+------------------------+--------------+
     15 */
     16 .runtime-info {
     17  align-items: center;
     18  display: grid;
     19 
     20  grid-column-gap: var(--main-heading-icon-gap);
     21  grid-template-areas:
     22    "icon title    action"
     23    "icon subtitle .";
     24  grid-template-columns: var(--main-heading-icon-size) 1fr max-content;
     25  grid-template-rows: 1fr max-content;
     26 
     27  margin-block-end: calc(var(--base-unit) * 5);
     28 }
     29 
     30 .runtime-info__icon {
     31  grid-area: icon;
     32 }
     33 .runtime-info__title {
     34  grid-area: title;
     35 }
     36 .runtime-info__subtitle {
     37  grid-area: subtitle;
     38 }
     39 .runtime-info__action {
     40  grid-area: action;
     41 }