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