62 lines
972 B
SCSS
62 lines
972 B
SCSS
.page-container {
|
|
width: 80%;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.page-container-large {
|
|
width: 75%;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.page-full {
|
|
padding: 0 2rem;
|
|
}
|
|
|
|
@media (min-width: $xl-breakpoint) {
|
|
.page-container {
|
|
width: 50% !important;
|
|
}
|
|
}
|
|
|
|
@media (min-width: $lg-breakpoint) {
|
|
.page-container {
|
|
width: 58%;
|
|
}
|
|
}
|
|
|
|
@media (min-width: $md-breakpoint) {
|
|
.page-container {
|
|
width: 65%;
|
|
}
|
|
}
|
|
|
|
@media (max-width: $md-breakpoint) {
|
|
.page-container {
|
|
width: 75%;
|
|
}
|
|
}
|
|
|
|
@media (max-width: $sm-breakpoint) {
|
|
.page-container {
|
|
width: 100%;
|
|
padding-left: 2rem;
|
|
padding-right: 2rem;
|
|
}
|
|
.page-full {
|
|
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;
|
|
}
|
|
}
|
|
|