/* Defaults
========================================================================== */
body, html {
@media screen and (min-width: #{ $max-width + 5 + 'em'}) { margin: 0; width: 100%; max-width: none; }
}
// Font defaults html {
box-sizing: border-box; font-size: #{$base + 'px'}; font-size: #{$base-font-size + '%'}; font-family: $font-body; color: $color-font-body; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; @media screen and (min-width: #{ $max-width + 5 + 'em'}) { font-size: #{$base-desktop + 'px'}; font-size: #{$base-font-size-desktop / 100 + 'rem'}; }
}
// Line-height & margin reset
-
{ @include line-height(1); @include margin(0, 0, 1);
@media screen and (min-width: #{ $max-width + 5 + 'em'}) {
$leading: $leading-desktop; $leading-rem: $leading-rem-desktop; @import '../mixins/line-height'; @import '../mixins/margin'; @include line-height(1); @include margin-bottom(1); max-width: #{$max-width * $base-desktop + 'px'}; max-width: #{$max-width + 'rem'}; margin-left: auto; margin-right: auto;
}
}
*, *::before, *::after {
box-sizing: inherit;
}
body {
margin: 0;
}