Migrated from @blog -> @site
[editorial.git] / assets / main / sass / base / _page.scss
1 ///
2 /// Editorial by HTML5 UP
3 /// html5up.net | @ajlkn
4 /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
5 ///
6
7 /* Basic */
8
9 // MSIE: Required for IEMobile.
10 @-ms-viewport {
11 width: device-width;
12 }
13
14 // MSIE: Prevents scrollbar from overlapping content.
15 body {
16 -ms-overflow-style: scrollbar;
17 }
18
19 // Ensures page width is always >=320px.
20 @include breakpoint('<=xsmall') {
21 html, body {
22 min-width: 320px;
23 }
24 }
25
26 // Set box model to border-box.
27 // Based on css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
28 html {
29 box-sizing: border-box;
30 }
31
32 *, *:before, *:after {
33 box-sizing: inherit;
34 }
35
36 body {
37 background: _palette(bg);
38
39 // Stops initial animations until page loads or stops resizing.
40 &.is-preload,
41 &.is-resizing {
42 *, *:before, *:after {
43 @include vendor('animation', 'none !important');
44 @include vendor('transition', 'none !important');
45 }
46 }
47
48 }