@import '../dynamic.scss';

@for $count from 1 through 4 {
    .text-columns-#{$count} {
        column-count: $count;
        column-gap: 1rem;
    }
    @include media-breakpoint-up(sm) {
        .text-columns-sm-#{$count} {
            column-count: $count;
            column-gap: 1rem;
        }
    }
    @include media-breakpoint-up(md) {
        .text-columns-md-#{$count} {
            column-count: $count;
            column-gap: 1rem;
        }
    }
    @include media-breakpoint-up(lg) {
        .text-columns-lg-#{$count} {
            column-count: $count;
            column-gap: 1rem;
        }
    }
    @include media-breakpoint-up(xl) {
        .text-columns-lg-#{$count} {
            column-count: $count;
            column-gap: 1rem;
        }
    }

    .text-columns--gap-#{$count} {
        column-gap: #{$count}rem;
    }
}