assets/sass/layout/_main.scss

   1 ///
   2 /// Forty by HTML5 UP
   3 /// html5up.net | @ajlkn
   4 /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
   5 ///
   6
   7 /* Main */
   8
   9         #main {
  10                 background-color: _palette_light(bg-alt);
  11                 @media screen and (prefers-color-scheme: dark) {
  12                         background-color: _palette_dark(bg-alt);
  13                 }
  14
  15                 > * {
  16                         border-top: solid 1px _palette_light(border);
  17                         @media screen and (prefers-color-scheme: dark) {
  18                                 border-top: solid 1px _palette_dark(border);
  19                         }
  20
  21                         &:first-child {
  22                                 border-top: 0;
  23                         }
  24
  25                         @include inner;
  26                 }
  27
  28                 &.alt {
  29                         background-color: transparent;
  30                         border-bottom: solid 1px _palette_light(border);
  31                         @media screen and (prefers-color-scheme: dark) {
  32                                 border-bottom: solid 1px _palette_dark(border);
  33                         }
  34                 }
  35         }