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 | } |