app/assets/stylesheets/sass/base/_base.scss
*,
*::after,
*::before {
margin: 0;
padding: 0;
box-sizing: inherit;
text-decoration: none;
outline: 0;
}
html {
// This defines what 1rem is
font-size: 87.5%; //1 rem = 14px; 14px/16px = 87,5%
@include respond(tab-land) {
// width < 1200?
font-size: 75%; //1 rem = 12px, 12/16 = 75%
}
@include respond(tab-port) {
// width < 900?
font-size: 62.5%; //1 rem = 10px, 10/16 = 62.5%
}
@include respond(big-desktop) {
font-size: 87.5%; //1rem = 12, 12/16 = 75%
}
}
body {
box-sizing: border-box;
@include respond(tab-port) {
padding: 0;
}
}
main {
min-height: 63vh;
@include respond(tab-port) {
margin-top: 3rem;
}
@include respond(phone) {
margin-top: 3rem;
}
@include respond(tab-land) {
min-height: 68vh;
}
}