fc-new-design/assets/css/scss/includes/grid.scss

   1
   2 /* grid container
   3 ============================================== */
   4 $cols: 12;
   5 $margin: 5;
   6 $layout-width: 950 + $margin * 2;
   7 $col-width: $layout-width / $cols - $margin * 2;
   8
   9
  10 .container-#{$cols} {
  11   @include group;
  12 //  width: $layout-width + px;
  13   max-width: 1200px;
  14   min-width: $layout-width + px;
  15   margin: 0 auto;
  16   position: relative;
  17 }
  18
  19 /* grid divisions
  20 ============================================== */
  21
  22 .grid-1,
  23 .grid-2,
  24 .grid-3,
  25 .grid-4,
  26 .grid-5,
  27 .grid-6,
  28 .grid-7,
  29 .grid-8,
  30 .grid-9,
  31 .grid-10,
  32 .grid-11,
  33 .grid-12 {
  34   margin: $margin + px $margin + px;
  35   padding: 0;
  36   display: inline;
  37   float: left;
  38 }
  39
  40 @for $i from 1 through $cols {
  41   .grid-#{$i} {
  42     width: (( ($col_width * $i) + ($margin * 2 * ($i - 1)) ) / $layout-width)*100%;
  43   }
  44 }
  45
  46 @for $i from 1 through $cols {
  47   .from-left-#{$i} {
  48     margin-left: ($col_width * $i) + ($margin * 2 * ($i - 1)) + px;
  49   }
  50 }
  51
  52 .grid-centered {
  53   display: block;
  54   float: none;
  55   margin: 0 auto;
  56 }