//
// Grid Utility Classes
// --------------------------------------------------

// Variables
// -------------------------

$gutter: $space-1;

// Base Column Float
// -------------------------
// must be applied to every column

.col {
  float: left !important;
}

// Responsive Column Classes
// ------------------------

@include generate-breakpoint-prefixes {

  &col-1  { width: percentage(1/12)  !important; }
  &col-2  { width: percentage(2/12)  !important; }
  &col-3  { width: percentage(3/12)  !important; }
  &col-4  { width: percentage(4/12)  !important; }
  &col-5  { width: percentage(5/12)  !important; }
  &col-6  { width: percentage(6/12)  !important; }
  &col-7  { width: percentage(7/12)  !important; }
  &col-8  { width: percentage(8/12)  !important; }
  &col-9  { width: percentage(9/12)  !important; }
  &col-10 { width: percentage(10/12) !important; }
  &col-11 { width: percentage(11/12) !important; }
  &col-12 { width: percentage(12/12) !important; }

}


// Add gutters to the full grid
.gutters {
  margin: 0 (-$gutter) !important;

  >.col {
    padding: 0 $gutter !important;
  }
}
