@use "../mixins/breakpoint" as *;

//
// Columned list
//

.list-cols {
    column-count: 1;
    column-gap: $grid-gutter-width;

    > li {
        break-inside: avoid;
    }

    @for $i from 1 through $grid-columns {
        &.list-cols-#{$i} {
            column-count: $i;
        }
    }

    @each $breakpoint in $breakpoints {
        @include breakpoint($breakpoint) {
            @for $i from 1 through $grid-columns {
                &.list-cols-#{$breakpoint}-#{$i} {
                    column-count: $i;
                }
            }
        }
    }
}