various fixes, added pagination and articles prev/next links.
[theme-danix.xyz.git] / assets / sass / components / _actions.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/* Actions */\r
8\r
9 ul.actions {\r
10 @include vendor('display', 'flex');\r
11 cursor: default;\r
12 list-style: none;\r
13 margin-left: (_size(element-margin) * -0.5);\r
14 padding-left: 0;\r
15\r
16 li {\r
17 padding: 0 0 0 (_size(element-margin) * 0.5);\r
18 vertical-align: middle;\r
19 }\r
20\r
21 &.special {\r
22 @include vendor('justify-content', 'center');\r
23 width: 100%;\r
24 margin-left: 0;\r
25\r
26 li {\r
27 &:first-child {\r
28 padding-left: 0;\r
29 }\r
30 }\r
31 }\r
32\r
33 &.stacked {\r
34 @include vendor('flex-direction', 'column');\r
35 margin-left: 0;\r
36\r
37 li {\r
38 padding: (_size(element-margin) * 0.65) 0 0 0;\r
39\r
40 &:first-child {\r
41 padding-top: 0;\r
42 }\r
43 }\r
44 }\r
45\r
46 &.fit {\r
47 width: calc(100% + #{_size(element-margin) * 0.5});\r
48\r
49 li {\r
50 @include vendor('flex-grow', '1');\r
51 @include vendor('flex-shrink', '1');\r
52 width: 100%;\r
53\r
54 > * {\r
55 width: 100%;\r
56 }\r
57 }\r
58\r
59 &.stacked {\r
60 width: 100%;\r
61 }\r
62 }\r
63 }