@mixin make-grid($size, $breakpoint) {
    @media (min-width: $breakpoint) {
        @for $width from 1 through $grid-columns {
            .grid-col-#{$size}-#{$width} {
                grid-column: span $width !important;
            }
        }
    }
}

@for $width from 1 through $grid-columns {
    .grid-col-#{$width} {
        grid-column: span $width !important;
    }
}

@each $size, $breakpoint in $grid-breakpoints {
    @include make-grid($size, $breakpoint);
}