$minSupportedWidth: 320px; $maxSupportedWidth: 1280px;
$mobileWidth: 540px; $tabWidth: 768px; $desktopWidth: 1024px;
*,:before,:after {
box-sizing: border-box;
}
img, embed, object, video {
max-width: 100%;
}
main {
overflow-x: hidden;
}
// // Fluid Typography // @mixin fluidType($min, $max ) {
font-size: $min; @media screen and (min-width: $minSupportedWidth) { // 960 = 1280-320 font-size: calc(#{$min} + #{($max - $min)/1px} * ((100vw - 320px) / 960)); } @media screen and (min-width: $maxSupportedWidth) { font-size: $max; }
}