48 lines
678 B
SCSS
48 lines
678 B
SCSS
|
.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: 70% !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;
|
||
|
}
|
||
|
}
|
||
|
|