tor-browser

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

Registration.css (1922B)

      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 * The current layout of a registration is
      7 *
      8 *  +------+----------------------+----------------+
      9 *  | Header - scope + timestamp  | Unregister_btn |
     10 *  +------+----------------------+----------------|
     11 *  | worker 1                                     |
     12    | worker 2                                     |
     13    | ...                                          |
     14    +----------------------------------------------+
     15    |                              Unregister btn  |
     16    +----------------------------------------------+
     17 */
     18 
     19 .registration {
     20  line-height: 1.5;
     21  font-size: var(--body-10-font-size);
     22  display: grid;
     23  grid-template-columns: minmax(0, 1fr) auto;
     24  grid-template-rows: minmax(calc(var(--base-unit) * 6), auto) 1fr auto;
     25  grid-column-gap: calc(4 * var(--base-unit));
     26  grid-row-gap: calc(2 * var(--base-unit));
     27  grid-template-areas:
     28    "header          header-controls"
     29    "workers         workers"
     30    "footer-controls footer-controls";
     31 }
     32 
     33 /* vertical layout */
     34 @media (max-width: 700px) {
     35  .registration__controls {
     36    grid-area: footer-controls;
     37    justify-self: end;
     38  }
     39 }
     40 
     41 /* wide layout */
     42 @media (min-width: 701px) {
     43  .registration__controls {
     44    grid-area: header-controls;
     45  }
     46 }
     47 
     48 .registration__header {
     49  grid-area: header;
     50 }
     51 
     52 .registration__scope {
     53  font-size: var(--title-10-font-size);
     54  font-weight: var(--title-10-font-weight);
     55  user-select: text;
     56  margin: 0;
     57 
     58  grid-area: scope;
     59 }
     60 
     61 .registration__updated-time {
     62  color: var(--theme-text-color-alt);
     63  grid-area: timestamp;
     64 }
     65 
     66 .registration__workers {
     67  grid-area: workers;
     68  list-style-type: none;
     69  padding: 0;
     70 }
     71 
     72 .registration__workers-item:not(:first-child) {
     73  margin-block-start: calc(var(--base-unit) * 2);
     74 }