1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/static/less/grid.less	Fri Dec 20 22:30:44 2013 +0100
     1.3 @@ -0,0 +1,79 @@
     1.4 +//
     1.5 +// Grid system
     1.6 +// --------------------------------------------------
     1.7 +
     1.8 +// Set the container width, and override it for fixed navbars in media queries
     1.9 +.container {
    1.10 +  .container-fixed();
    1.11 +
    1.12 +  @media (min-width: @screen-sm) {
    1.13 +    width: @container-sm;
    1.14 +  }
    1.15 +  @media (min-width: @screen-md) {
    1.16 +    width: @container-md;
    1.17 +  }
    1.18 +  @media (min-width: @screen-lg-min) {
    1.19 +    width: @container-lg;
    1.20 +  }
    1.21 +}
    1.22 +
    1.23 +// mobile first defaults
    1.24 +.row {
    1.25 +  .make-row();
    1.26 +}
    1.27 +
    1.28 +// Common styles for small and large grid columns
    1.29 +.make-grid-columns();
    1.30 +
    1.31 +
    1.32 +// Extra small grid
    1.33 +//
    1.34 +// Columns, offsets, pushes, and pulls for extra small devices like
    1.35 +// smartphones.
    1.36 +
    1.37 +.make-grid-columns-float(xs);
    1.38 +.make-grid(@grid-columns, xs, width);
    1.39 +.make-grid(@grid-columns, xs, pull);
    1.40 +.make-grid(@grid-columns, xs, push);
    1.41 +.make-grid(@grid-columns, xs, offset);
    1.42 +
    1.43 +
    1.44 +// Small grid
    1.45 +//
    1.46 +// Columns, offsets, pushes, and pulls for the small device range, from phones
    1.47 +// to tablets.
    1.48 +
    1.49 +@media (min-width: @screen-sm-min) {
    1.50 +  .make-grid-columns-float(sm);
    1.51 +  .make-grid(@grid-columns, sm, width);
    1.52 +  .make-grid(@grid-columns, sm, pull);
    1.53 +  .make-grid(@grid-columns, sm, push);
    1.54 +  .make-grid(@grid-columns, sm, offset);
    1.55 +}
    1.56 +
    1.57 +
    1.58 +// Medium grid
    1.59 +//
    1.60 +// Columns, offsets, pushes, and pulls for the desktop device range.
    1.61 +
    1.62 +@media (min-width: @screen-md-min) {
    1.63 +  .make-grid-columns-float(md);
    1.64 +  .make-grid(@grid-columns, md, width);
    1.65 +  .make-grid(@grid-columns, md, pull);
    1.66 +  .make-grid(@grid-columns, md, push);
    1.67 +  .make-grid(@grid-columns, md, offset);
    1.68 +}
    1.69 +
    1.70 +
    1.71 +// Large grid
    1.72 +//
    1.73 +// Columns, offsets, pushes, and pulls for the large desktop device range.
    1.74 +
    1.75 +@media (min-width: @screen-lg-min) {
    1.76 +  .make-grid-columns-float(lg);
    1.77 +  .make-grid(@grid-columns, lg, width);
    1.78 +  .make-grid(@grid-columns, lg, pull);
    1.79 +  .make-grid(@grid-columns, lg, push);
    1.80 +  .make-grid(@grid-columns, lg, offset);
    1.81 +}
    1.82 +