Initial commit

[editorial.git] / assets / main / sass / base / _page.scss

diff --git a/assets/main/sass/base/_page.scss b/assets/main/sass/base/_page.scss
new file mode 100644 (file)
index 0000000..84c2451
--- /dev/null
+++ b/assets/main/sass/base/_page.scss
@@ -0,0 +1,48 @@
+///\r
+/// Massively by HTML5 UP\r
+/// html5up.net | @ajlkn\r
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)\r
+///\r
+\r
+/* Basic */\r
+\r
+       // MSIE: Required for IEMobile.\r
+               @-ms-viewport {\r
+                       width: device-width;\r
+               }\r
+\r
+       // MSIE: Prevents scrollbar from overlapping content.\r
+               body {\r
+                       -ms-overflow-style: scrollbar;\r
+               }\r
+\r
+       // Ensures page width is always >=320px.\r
+               @include breakpoint('<=xsmall') {\r
+                       html, body {\r
+                               min-width: 320px;\r
+                       }\r
+               }\r
+\r
+       // Set box model to border-box.\r
+       // Based on css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice\r
+               html {\r
+                       box-sizing: border-box;\r
+               }\r
+\r
+               *, *:before, *:after {\r
+                       box-sizing: inherit;\r
+               }\r
+\r
+       body {\r
+\r
+               background-color: _palette(invert, bg);\r
+\r
+               // Stops initial animations until page loads.\r
+                       &.is-preload {\r
+                               *, *:before, *:after {\r
+                                       @include vendor('animation', 'none !important');\r
+                                       @include vendor('transition', 'none !important');\r
+                               }\r
+                       }\r
+\r
+       }
\ No newline at end of file