website/assets/sass/page_container.scss

63 lines
972 B
SCSS
Raw Normal View History

2022-09-28 20:49:59 +00:00
.page-container {
width: 80%;
margin: 0 auto;
}
.page-container-large {
width: 75%;
margin: 0 auto;
}
.page-full {
padding: 0 2rem;
}
2022-09-28 20:49:59 +00:00
2022-10-14 18:56:56 +00:00
@media (min-width: $xl-breakpoint) {
.page-container {
width: 50% !important;
}
}
2022-09-28 20:49:59 +00:00
@media (min-width: $lg-breakpoint) {
.page-container {
width: 58%;
}
2022-09-28 20:49:59 +00:00
}
@media (min-width: $md-breakpoint) {
.page-container {
width: 65%;
}
2022-09-28 20:49:59 +00:00
}
@media (max-width: $md-breakpoint) {
.page-container {
width: 75%;
}
2022-09-28 20:49:59 +00:00
}
@media (max-width: $sm-breakpoint) {
.page-container {
2022-10-14 18:56:56 +00:00
width: 100%;
2024-03-03 11:50:58 +00:00
padding-left: 2rem;
padding-right: 2rem;
}
.page-full {
2024-03-03 11:50:58 +00:00
padding-left: 2rem;
padding-right: 2rem;
}
}
@media (max-width: $xs-breakpoint) {
.page-container {
width: 100%;
padding-left: 1rem;
padding-right: 1rem;
}
.page-full {
padding-left: 1rem;
padding-right: 1rem;
}
2022-09-28 20:49:59 +00:00
}