added box-shadow mixin. Added shadow to the gravatar in homepage.
[theme-danix.xyz.git] / assets / sass / components / _section.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/* Section/Article */\r
8\r
9 section, article {\r
10 &.special {\r
11 text-align: center;\r
12 }\r
13 }\r
14\r
15 header {\r
16 &.major {\r
17 width: -moz-max-content;\r
18 width: -webkit-max-content;\r
19 width: -ms-max-content;\r
20 width: max-content;\r
21 margin-bottom: _size(element-margin);\r
22\r
23 > :first-child {\r
24 margin-bottom: 0;\r
25 width: calc(100% + 0.5em);\r
26\r
27 &:after {\r
28 content: '';\r
29 background-color: _palette(fg-bold);\r
30 display: block;\r
31 height: 2px;\r
32 margin: 0.325em 0 0.5em 0;\r
33 width: 100%;\r
34 }\r
35 }\r
36\r
37 > p {\r
38 font-size: 0.7em;\r
39 font-weight: _font(weight-bold);\r
40 letter-spacing: _font(letter-spacing-alt);\r
41 margin-bottom: 0;\r
42 text-transform: uppercase;\r
43 }\r
44\r
45 body.is-ie & {\r
46 > :first-child {\r
47 &:after {\r
48 max-width: 9em;\r
49 }\r
50 }\r
51\r
52 > h1 {\r
53 &:after {\r
54 max-width: 100% !important;\r
55 }\r
56 }\r
57 }\r
58 }\r
59\r
60 @include breakpoint('<=small') {\r
61 &.major {\r
62 > p {\r
63 br {\r
64 display: none;\r
65 }\r
66 }\r
67 }\r
68 }\r
69 }