splitted up stylesheet and added lots of scaffolding to it. Style needs working.
[theme-danix.xyz.git] / assets / sass / base / _page.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/* Basic */\r
8\r
9 // MSIE: Required for IEMobile.\r
10 @-ms-viewport {\r
11 width: device-width;\r
12 }\r
13\r
14 // MSIE: Prevents scrollbar from overlapping content.\r
15 body {\r
16 -ms-overflow-style: scrollbar;\r
17 }\r
18\r
19 // Ensures page width is always >=320px.\r
20 @include breakpoint('<=xsmall') {\r
21 html, body {\r
22 min-width: 320px;\r
23 }\r
24 }\r
25\r
26 // Set box model to border-box.\r
27 // Based on css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice\r
28 html {\r
29 box-sizing: border-box;\r
30 }\r
31\r
32 *, *:before, *:after {\r
33 box-sizing: inherit;\r
34 }\r
35\r
36 body {\r
37 background: _palette(bg);\r
38\r
39 // Stops initial animations until page loads.\r
40 &.is-preload {\r
41 *, *:before, *:after {\r
42 @include vendor('animation', 'none !important');\r
43 @include vendor('transition', 'none !important');\r
44 }\r
45 }\r
46\r
47 }