15 lines
1.2 KiB
SCSS
15 lines
1.2 KiB
SCSS
// stylelint-disable declaration-no-important
|
|
|
|
@each $breakpoint in map-keys($grid-breakpoints) {
|
|
@include media-breakpoint-up($breakpoint) {
|
|
$infix: breakpoint-infix($breakpoint, $grid-breakpoints);
|
|
|
|
.columns#{$infix}-1 { -webkit-column-count: 1 !important; /* Chrome, Safari, Opera */ -moz-column-count: 1 !important; /* Firefox */ column-count: 1 !important; }
|
|
.columns#{$infix}-2 { -webkit-column-count: 2 !important; /* Chrome, Safari, Opera */ -moz-column-count: 2 !important; /* Firefox */ column-count: 2 !important; }
|
|
.columns#{$infix}-3 { -webkit-column-count: 3 !important; /* Chrome, Safari, Opera */ -moz-column-count: 3 !important; /* Firefox */ column-count: 3 !important; }
|
|
.columns#{$infix}-4 { -webkit-column-count: 4 !important; /* Chrome, Safari, Opera */ -moz-column-count: 4 !important; /* Firefox */ column-count: 4 !important; }
|
|
.columns#{$infix}-5 { -webkit-column-count: 5 !important; /* Chrome, Safari, Opera */ -moz-column-count: 5 !important; /* Firefox */ column-count: 5 !important; }
|
|
.columns#{$infix}-6 { -webkit-column-count: 6 !important; /* Chrome, Safari, Opera */ -moz-column-count: 6 !important; /* Firefox */ column-count: 6 !important; }
|
|
}
|
|
}
|