2024-12-31 05:18:39 +00:00
|
|
|
@use "sass:map";
|
|
|
|
@use "../settings" as *;
|
|
|
|
|
|
|
|
@if map.get($modules, "layout/container") and $enable-classes {
|
|
|
|
/**
|
|
|
|
* Container
|
|
|
|
*/
|
|
|
|
|
|
|
|
#{$parent-selector} .container,
|
|
|
|
#{$parent-selector} .container-fluid {
|
|
|
|
width: 100%;
|
2025-02-05 19:33:59 -05:00
|
|
|
margin-inline: auto;
|
|
|
|
padding-inline: var(#{$css-var-prefix}block-spacing-horizontal);
|
2024-12-31 05:18:39 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
#{$parent-selector} .container {
|
2025-02-05 21:22:40 -05:00
|
|
|
$first-breakpoint: true;
|
2024-12-31 05:18:39 +00:00
|
|
|
@each $key, $values in $breakpoints {
|
|
|
|
@if $values {
|
|
|
|
@media (min-width: map.get($values, "breakpoint")) {
|
|
|
|
max-width: map.get($values, "viewport");
|
2025-02-05 21:22:40 -05:00
|
|
|
@if $first-breakpoint {
|
|
|
|
$first-breakpoint: false;
|
|
|
|
padding-inline: 0;
|
|
|
|
}
|
2024-12-31 05:18:39 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|