website/assets/sass/page_container.scss

48 lines
678 B
SCSS
Raw Permalink Normal View History

2022-12-10 10:37:36 +00:00
.large-container {
width: 90%;
margin: 0 auto;
}
.page-container {
width: 80%;
margin: 0 auto;
}
.page-full {
padding: 0 2rem;
}
@media (min-width: $xl-breakpoint) {
.page-container {
width: 60% !important;
}
}
@media (min-width: $lg-breakpoint) {
.page-container {
width: 70%;
}
}
@media (min-width: $md-breakpoint) {
.page-container {
width: 70%;
}
}
@media (max-width: $md-breakpoint) {
.page-container {
width: 75%;
}
}
@media (max-width: $sm-breakpoint) {
.page-container {
width: 100%;
padding: 0 .8rem;
}
.page-full {
padding: 0 .8rem;
}
}