// Container widths // // Set the container width, and override it for fixed navbars in media queries. @if $enable-grid-classes { .#{$project-prefix}container { @include make-container(); @include make-container-max-widths(); } } // Fluid container // // Utilizes the mixin meant for fixed width containers, but with 100% width for // fluid, full width layouts. @if $enable-grid-classes { .#{$project-prefix}container-fluid { @include make-container(); } } // Row // // Rows contain and clear the floats of your columns. @if $enable-grid-classes { .#{$project-prefix}row { @include make-row(); } .#{$project-prefix}container-no-padding { padding-right: 0; padding-left: 0; overflow-x: hidden; } // Remove the negative margin from default .row, then the horizontal padding // from all immediate children columns (to prevent runaway style inheritance). .#{$project-prefix}no-gutters { margin-right: 0; margin-left: 0; > .#{$project-prefix}col, > [class*="#{$project-prefix}col-"] { padding-right: 0; padding-left: 0; } } } // Columns // // Common styles for small and large grid columns @if $enable-grid-classes { @include make-sek-grid-columns(); }