added dark theme option. It ìs selected automagically based on system choiche of...
[theme-danix.xyz.git] / assets / sass / components / _box.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 /* Box */
8
9 .box {
10 border: solid 1px _palette_light(border);
11 @media screen and (prefers-color-scheme: dark) {
12 border-bottom: solid 1px _palette_dark(border);
13 }
14 margin-bottom: _size(element-margin);
15 padding: 1.5em;
16
17 > :last-child,
18 > :last-child > :last-child,
19 > :last-child > :last-child > :last-child {
20 margin-bottom: 0;
21 }
22
23 &.alt {
24 border: 0;
25 border-radius: 0;
26 padding: 0;
27 }
28 }