site

personal website, served at mordaunt.dev/site
Log | Files | Refs

_tabs_dark.scss (512B)

      1 @mixin tabs_dark {
      2   .tabs {
      3     label.tab-label {
      4       background-color: $alt-bg-color-dark;
      5       border-color: $lighter-alt-bg-color-dark;
      6     }
      7 
      8     input.tab-input:checked + label.tab-label {
      9       background-color: $bg-color-dark;
     10     }
     11 
     12     .tab-content {
     13       background-color: $bg-color-dark;
     14       border-color: $lighter-alt-bg-color-dark;
     15     }
     16   }
     17 }
     18 
     19 body.colorscheme-dark {
     20   @include tabs_dark();
     21 }
     22 
     23 body.colorscheme-auto {
     24   @media (prefers-color-scheme: dark) {
     25     @include tabs_dark();
     26   }
     27 }