diff options
Diffstat (limited to 'static/assets/sass/base/_page.scss')
| -rw-r--r-- | static/assets/sass/base/_page.scss | 17 |
1 files changed, 13 insertions, 4 deletions
diff --git a/static/assets/sass/base/_page.scss b/static/assets/sass/base/_page.scss index 79b212a..84c2451 100644 --- a/static/assets/sass/base/_page.scss +++ b/static/assets/sass/base/_page.scss @@ -17,19 +17,28 @@ }
// Ensures page width is always >=320px.
- @include breakpoint(xsmall) {
+ @include breakpoint('<=xsmall') {
html, body {
min-width: 320px;
}
}
+ // Set box model to border-box.
+ // Based on css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
+ html {
+ box-sizing: border-box;
+ }
+
+ *, *:before, *:after {
+ box-sizing: inherit;
+ }
+
body {
background-color: _palette(invert, bg);
- // Prevents animation/transition "flicker" on page load.
- // Automatically added/removed by js/main.js.
- &.is-loading {
+ // Stops initial animations until page loads.
+ &.is-preload {
*, *:before, *:after {
@include vendor('animation', 'none !important');
@include vendor('transition', 'none !important');
|