/**
 * Mixin to add column-count classes.
 *
 * Creates a selector using the $parent provided and the $value given.
 * Also generates selectors based on $grid-brakpoints for different screen sizes.
 */

@mixin column-count-variant($parent, $value) {
  #{$parent} {
    &-#{$value} {
      column-count: $value !important;
    }

    @each $breakpoint, $value in $grid-breakpoints {
      &-#{$breakpoint}-#{$value} {
        @include media-breakpoint-up($breakpoint) {
          column-count: $value !important;
        }
      }
    }
  }
}
