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