@import "~cosmoUiVariables";
@import "../variables";

.container {
    display: flex;
}

.fullWidth {
    flex-basis: 100%;
    width: 100%;
}

@each $breakpoint, $width in $grid-breakpoints {
    @media (min-width: $width) {
        @each $flex-config, $flex-vals in $width-configs {
            @each $flex-val in $flex-vals {
                .#{$flex-config}-#{$breakpoint}-#{$flex-val} {
                    #{$flex-config}: $flex-val;
                }
            }
        }
    }
}

.expandLeft {
    margin-left: auto;
}

.expandRight {
    margin-right: auto;
}