info@54: //
info@54: // Grid system
info@54: // --------------------------------------------------
info@54: 
info@54: // Set the container width, and override it for fixed navbars in media queries
info@54: .container {
info@54:   .container-fixed();
info@54: 
info@54:   @media (min-width: @screen-sm) {
info@54:     width: @container-sm;
info@54:   }
info@54:   @media (min-width: @screen-md) {
info@54:     width: @container-md;
info@54:   }
info@54:   @media (min-width: @screen-lg-min) {
info@54:     width: @container-lg;
info@54:   }
info@54: }
info@54: 
info@54: // mobile first defaults
info@54: .row {
info@54:   .make-row();
info@54: }
info@54: 
info@54: // Common styles for small and large grid columns
info@54: .make-grid-columns();
info@54: 
info@54: 
info@54: // Extra small grid
info@54: //
info@54: // Columns, offsets, pushes, and pulls for extra small devices like
info@54: // smartphones.
info@54: 
info@54: .make-grid-columns-float(xs);
info@54: .make-grid(@grid-columns, xs, width);
info@54: .make-grid(@grid-columns, xs, pull);
info@54: .make-grid(@grid-columns, xs, push);
info@54: .make-grid(@grid-columns, xs, offset);
info@54: 
info@54: 
info@54: // Small grid
info@54: //
info@54: // Columns, offsets, pushes, and pulls for the small device range, from phones
info@54: // to tablets.
info@54: 
info@54: @media (min-width: @screen-sm-min) {
info@54:   .make-grid-columns-float(sm);
info@54:   .make-grid(@grid-columns, sm, width);
info@54:   .make-grid(@grid-columns, sm, pull);
info@54:   .make-grid(@grid-columns, sm, push);
info@54:   .make-grid(@grid-columns, sm, offset);
info@54: }
info@54: 
info@54: 
info@54: // Medium grid
info@54: //
info@54: // Columns, offsets, pushes, and pulls for the desktop device range.
info@54: 
info@54: @media (min-width: @screen-md-min) {
info@54:   .make-grid-columns-float(md);
info@54:   .make-grid(@grid-columns, md, width);
info@54:   .make-grid(@grid-columns, md, pull);
info@54:   .make-grid(@grid-columns, md, push);
info@54:   .make-grid(@grid-columns, md, offset);
info@54: }
info@54: 
info@54: 
info@54: // Large grid
info@54: //
info@54: // Columns, offsets, pushes, and pulls for the large desktop device range.
info@54: 
info@54: @media (min-width: @screen-lg-min) {
info@54:   .make-grid-columns-float(lg);
info@54:   .make-grid(@grid-columns, lg, width);
info@54:   .make-grid(@grid-columns, lg, pull);
info@54:   .make-grid(@grid-columns, lg, push);
info@54:   .make-grid(@grid-columns, lg, offset);
info@54: }
info@54: