Personal_Website/assets/sass/_container.scss

56 lines
887 B
SCSS

// Source: https://github.com/twbs/bootstrap/blob/main/dist/css/bootstrap.css
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
padding-right: 0.75rem;
padding-left: 0.75rem;
margin-right: auto;
margin-left: auto;
}
@media (min-width: $sm) {
.container-sm,
.container {
max-width: 540px;
}
}
@media (min-width: $md) {
.container-md,
.container-sm,
.container {
max-width: 720px;
}
}
@media (min-width: $lg) {
.container-lg,
.container-md,
.container-sm,
.container {
max-width: 960px;
}
}
@media (min-width: $xl) {
.container-xl,
.container-lg,
.container-md,
.container-sm,
.container {
max-width: 1140px;
}
}
@media (min-width: $xxl) {
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm,
.container {
max-width: 1320px;
}
}