pico/scss/layout/_container.scss

34 lines
731 B
SCSS
Raw Normal View History

2022-10-22 15:39:36 +07:00
@use "sass:map";
2022-10-22 13:11:51 +07:00
@use "../settings" as *;
2022-10-22 11:44:10 +07:00
2022-10-23 10:47:50 +07:00
@if map.get($modules, "layout/container") and $enable-classes {
2021-10-24 12:33:20 +07:00
/**
2022-10-23 10:47:50 +07:00
* Container
*/
2019-11-27 15:31:49 +07:00
.container,
.container-fluid {
width: 100%;
margin-right: auto;
margin-left: auto;
2023-12-28 13:21:52 +07:00
padding-right: var(#{$css-var-prefix}spacing);
padding-left: var(#{$css-var-prefix}spacing);
2019-11-27 15:31:49 +07:00
}
.container {
2022-10-22 15:39:36 +07:00
$first-breakpoint: true;
@each $key, $values in $breakpoints {
@if $values {
@media (min-width: map.get($values, "breakpoint")) {
max-width: map.get($values, "viewport");
@if $first-breakpoint {
$first-breakpoint: false;
padding-right: 0;
padding-left: 0;
}
}
2019-11-27 15:31:49 +07:00
}
}
}
2022-10-15 23:22:12 +07:00
}