added dark theme option. It ìs selected automagically based on system choiche of...
[theme-danix.xyz.git] / assets / sass / layout / _main.scss
CommitLineData
748286b5 1///\r
2/// Forty by HTML5 UP\r
3/// html5up.net | @ajlkn\r
4/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)\r
5///\r
6\r
7/* Main */\r
8\r
9 #main {\r
cb4379e1 10 background-color: _palette_light(bg-alt);\r
11 @media screen and (prefers-color-scheme: dark) {\r
12 background-color: _palette_dark(bg-alt);\r
13 }\r
748286b5 14\r
15 > * {\r
cb4379e1 16 border-top: solid 1px _palette_light(border);\r
17 @media screen and (prefers-color-scheme: dark) {\r
18 border-top: solid 1px _palette_dark(border);\r
19 }\r
748286b5 20\r
21 &:first-child {\r
22 border-top: 0;\r
23 }\r
24\r
25 @include inner;\r
26 }\r
27\r
28 &.alt {\r
29 background-color: transparent;\r
cb4379e1 30 border-bottom: solid 1px _palette_light(border);\r
31 @media screen and (prefers-color-scheme: dark) {\r
32 border-bottom: solid 1px _palette_dark(border);\r
33 }\r
748286b5 34 }\r
35 }