tor-browser

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

menu-elements-styles.css (1320B)

      1 .menubar > .menuitem {
      2  display: inline-flex;
      3 }
      4 
      5 .menulist .menuitem {
      6  display: flex;
      7 }
      8 
      9 .menubar {
     10  display: inline-flex;
     11  flex-direction: row;
     12  gap: 0.5em;
     13  width: max-content;
     14  background-color: transparent;
     15  border: 1px solid currentColor;
     16  border-radius: 0.25em;
     17  padding: 0.25em;
     18 }
     19 
     20 .menulist {
     21  display: flex;
     22  flex-direction: column;
     23  position: absolute;
     24  width: max-content;
     25  min-width: 150px;
     26  color: CanvasText;
     27  background-color: Canvas;
     28  border: 1px solid currentColor;
     29  /* TODO(domfarolino): Enable this. See the related documentation in the
     30   * Chromium UA style sheet for this. */
     31  /* border-radius: 0.25em; */
     32  padding: 0.25em;
     33 
     34  /* Unset native popover margin */
     35  margin: 0;
     36 }
     37 
     38 /* Menulists whose implicit anchor is a menuitem in a menubar. */
     39 .menulist-with-menubar-anchor {
     40  position: absolute;
     41  /* Below and span-right, by default. */
     42  position-area: block-end span-inline-end;
     43 }
     44 
     45 /* Menulists whose implicit anchor is a menuitem in a menulist. */
     46 .menulist-with-menulist-anchor {
     47  position: absolute;
     48  /* To the right, with its top aligned to the implicit anchor's top. */
     49  position-area: inline-end span-block-end;
     50 }
     51 
     52 .menubar, .menulist {
     53  .menuitem {
     54    align-items: center;
     55    padding: 1em;
     56    min-inline-size: 24px;
     57    min-block-size: max(24px, 1lh);
     58  }
     59 }