added dark theme option. It ìs selected automagically based on system choiche of...
[theme-danix.xyz.git] / assets / sass / components / _list.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/* List */\r
8\r
9 ol {\r
10 list-style: decimal;\r
11 margin: 0 0 _size(element-margin) 0;\r
12 padding-left: 1.25em;\r
13\r
14 li {\r
15 padding-left: 0.25em;\r
16 }\r
17 }\r
18\r
19 ul {\r
20 list-style: disc;\r
21 margin: 0 0 _size(element-margin) 0;\r
22 padding-left: 1em;\r
23\r
24 li {\r
25 padding-left: 0.5em;\r
26 }\r
27\r
28 &.alt {\r
29 list-style: none;\r
30 padding-left: 0;\r
31\r
32 li {\r
cb4379e1 33 border-top: solid 1px _palette_light(border);\r
34 @media screen and (prefers-color-scheme: dark) {\r
35 border-top: solid 1px _palette_dark(border);\r
36 }\r
748286b5 37 padding: 0.5em 0;\r
38\r
39 &:first-child {\r
40 border-top: 0;\r
41 padding-top: 0;\r
42 }\r
43 }\r
44 }\r
45 }\r
46\r
47 dl {\r
48 margin: 0 0 _size(element-margin) 0;\r
49\r
50 dt {\r
51 display: block;\r
52 font-weight: _font(weight-bold);\r
53 margin: 0 0 (_size(element-margin) * 0.5) 0;\r
54 }\r
55\r
56 dd {\r
57 margin-left: _size(element-margin);\r
58 }\r
59 }