| 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 |
| cb4379e1 |
37 | background: _palette_light(bg);\r |
| 38 | @media screen and (prefers-color-scheme: dark) {\r |
| 39 | background: _palette_dark(bg);\r |
| 40 | }\r |
| 748286b5 |
41 | \r |
| 42 | // Stops initial animations until page loads.\r |
| 43 | &.is-preload {\r |
| 44 | *, *:before, *:after {\r |
| 45 | @include vendor('animation', 'none !important');\r |
| 46 | @include vendor('transition', 'none !important');\r |
| 47 | }\r |
| 48 | }\r |
| 49 | \r |
| 50 | } |
