@use "sass:math";
@use "../abstracts/mixins";
@use "../abstracts/variables";

.row{
    display: flex;
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: math.div(variables.$gridColGutterX, 2) * -1;
    margin-right: math.div(variables.$gridColGutterX, 2) * -1;

    &--noGutter{
        margin: 0 !important;
        
        > div[class^='col']{
            padding: 0 !important;
        }
    }
}

@include mixins.makeGrid(null);
@include mixins.respondTo('xl'){ @include mixins.makeGrid('xl'); }
@include mixins.respondTo('lg'){ @include mixins.makeGrid('lg'); }
@include mixins.respondTo('md'){ @include mixins.makeGrid('md'); }
@include mixins.respondTo('sm'){ @include mixins.makeGrid('sm'); }
@include mixins.respondTo('xs'){ @include mixins.makeGrid('xs'); }