mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-24 10:26:13 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add padding to container for all viewports

Browse source
This commit is contained in:
Yohn 2025-02-05 19:33:59 -05:00
parent 9847f55020
commit b0dca0677f
2 changed files with 90 additions and 91 deletions
Download patch file Download diff file Expand all files Collapse all files

19
scss/layout/_container.scss
View file

@ -9,24 +9,21 @@
#{$parent-selector} .container,
#{$parent-selector} .container-fluid {
width: 100%;
margin-right: auto;
margin-left: auto;
margin-inline: auto;
padding-inline: var(#{$css-var-prefix}block-spacing-horizontal);
}
#{$parent-selector} .container {
$first-breakpoint: true;
//$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;
} @else {
padding-right: var(#{$css-var-prefix}spacing);
padding-left: var(#{$css-var-prefix}spacing);
}
//@if $first-breakpoint {
// $first-breakpoint: false;
// padding-right: 0;
// padding-left: 0;
//}
}
}
}