34 lines
630 B
SCSS
34 lines
630 B
SCSS
//
|
|
// Grid
|
|
// --------------------------------------------------
|
|
|
|
// Tiny grid gutters
|
|
.row.g-sm {
|
|
--bs-gutter-x: #{$space-row-gutter-tiny};
|
|
|
|
> .col,
|
|
> [class*="col-"] {
|
|
padding-left: $space-row-gutter-tiny * .5;
|
|
padding-right: $space-row-gutter-tiny * .5;
|
|
}
|
|
|
|
.push,
|
|
.block,
|
|
&.items-push > div {
|
|
margin-bottom: $space-row-gutter-tiny;
|
|
}
|
|
}
|
|
|
|
// Responsive grid gutters
|
|
@include media-breakpoint-down(md) {
|
|
.row:not(.g-sm):not(.g-0) {
|
|
--bs-gutter-x: #{$space-mobile};
|
|
|
|
> .col,
|
|
> [class*="col-"] {
|
|
padding-left: $space-mobile * .5;
|
|
padding-right: $space-mobile * .5;
|
|
}
|
|
}
|
|
}
|