forked from etoiledebethleem/website
48 lines
684 B
SCSS
48 lines
684 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: 0 .8rem;
|
|
}
|
|
.page-full {
|
|
padding: 0 .8rem;
|
|
}
|
|
}
|
|
|