abdullahtarawneh.com/assets/scss/base/layout.scss

30 lines
537 B
SCSS
Raw Normal View History

2024-05-26 06:02:46 +00:00
* {
box-sizing: border-box;
}
2020-10-10 19:47:58 +00:00
html {
scroll-behavior: smooth;
}
body {
2024-05-26 06:02:46 +00:00
margin: 0;
padding: 0;
2020-10-10 23:43:26 +00:00
display: flex;
flex-flow: column;
2021-12-23 05:32:17 +00:00
min-height: calc(var(--vh, 1vh) * 100);
2020-10-10 19:47:58 +00:00
}
2020-10-10 23:43:26 +00:00
main {flex-grow: 1;}
2020-10-10 19:47:58 +00:00
.section {
2020-10-10 23:43:26 +00:00
padding: 2em 0;
@media (min-width: 600px) {padding: 3em 0}
@media (min-width: 62em) {padding: 4em 0}
2020-10-10 19:47:58 +00:00
}
.container {
2024-05-26 06:02:46 +00:00
max-width: var(--max-container-width);
2020-10-10 19:47:58 +00:00
margin: 0 auto;
2024-05-26 06:02:46 +00:00
padding: 0 1rem;
}
@media (min-width: 60rem) {
.container {padding-inline: 2rem;}
}
2024-05-26 06:02:46 +00:00
@media (min-width: 1200px) {
.container {padding-inline: 3rem;}
2020-10-10 19:47:58 +00:00
}