24 lines
376 B
SCSS
24 lines
376 B
SCSS
|
html {
|
||
|
|
font-family: sans-serif;
|
||
|
|
--container-width: 75rem;
|
||
|
|
--pad-x: 1rem;
|
||
|
|
@media (min-width: 30rem) {
|
||
|
|
--pad-x: 2rem;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
body {
|
||
|
|
min-height: 100vh;
|
||
|
|
display: flex;
|
||
|
|
flex-flow: column;
|
||
|
|
}
|
||
|
|
main {
|
||
|
|
flex-grow: 1;
|
||
|
|
}
|
||
|
|
.section {
|
||
|
|
padding-inline: var(--pad-x, 1rem);
|
||
|
|
padding-block: var(--pad-y, 0rem);
|
||
|
|
}
|
||
|
|
.container {
|
||
|
|
max-width: var(--container-width, 60rem);
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|