hscc

Soure code of <https://hugo.soucy.cc>.
git clone git://soucy.cc/hscc.git
Log | Files | Refs

nav.css (1091B)

      1 /* @module navigation */
      2 
      3 .nav {
      4   background: var(--base-fg);
      5   font-family: sans-serif;
      6   margin: 0;
      7 }
      8 
      9 .nav > div {
     10   padding: 0;
     11 }
     12 
     13 @media screen and (min-width: 48rem) {
     14   .nav > div {
     15     padding-bottom: 0;
     16     padding-top: 1px;
     17   }
     18 }
     19 
     20 .nav__title {
     21   color: var(--base-brightest);
     22   padding-bottom: 1em;
     23   padding-top: 1em;
     24 }
     25 
     26 .nav__list {
     27   margin: 0;
     28   padding: 0;
     29 }
     30 
     31 @media screen and (min-width: 48rem) {
     32   .nav__list {
     33     columns: 2 auto;
     34     list-style-type: none;
     35   }
     36 }
     37 
     38 .nav__item {
     39   background: transparent;
     40   border: solid var(--base-br-light);
     41   border-width: 0 0 1px;
     42 }
     43 
     44 .nav__link {
     45   background: inherit;
     46   color: var(--base-brightest);
     47   display: block;
     48   font-weight: 700;
     49   line-height: 1;
     50   padding: 1rem 2rem;
     51   text-decoration: none;
     52 }
     53 
     54 .nav__link[aria-current] {
     55   background: var(--base-link-bg);
     56   color: var(--base-fg);
     57 }
     58 
     59 .nav__link:focus,
     60 .nav__link:hover {
     61   background: var(--base-link-fg);
     62   color: var(--base-brightest);
     63 }
     64 
     65 .nav__link:focus {
     66   outline: 2px solid var(--base-brightest);
     67   outline-offset: -2px;
     68 }
     69 
     70 .nav__link > svg {
     71   display: none;
     72 }