// 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; }
  }
}
