/* zurb foundation 4 grid column fix for ie8 and below
=columnFix($columns: 12)
  $i: 1
  @while $i < $columns + 1
    $colWidth: $i / $columns * 100%
    $colWidth7: $i / $columns * 98%
    & .large-#{$i}, & .small-#{$i}
      width: $colWidth
      *width: $colWidth7 //sets the width for ie7

    /* allows centering block elements
    & .centered-#{$i}
      margin-left: (100% - $colWidth) / 2
      *margin-left: (98% - $colWidth7) / 2
    $i: $i + 1

  & .columns
    //*padding-left: 1%;
    //*padding-right: 1%;

  & .row .row
    *margin-left: 0 //* fix ie7 margins

/* zurb foundation 4 grid column fix for ie8 and below
=columnFix($columns: 12)
  $i: 1
  @while $i < $columns + 1
    $colWidth: $i / $columns * 100%
    $colWidth7: $i / $columns * 98%
    & .large-#{$i}, & .small-#{$i}
      width: $colWidth
      *width: $colWidth7 //sets the width for ie7

      /* allows centering block elements
      &.large-centered, &.small-centered
        margin-left: (100% - $colWidth) / 2
        *margin-left: (98% - $colWidth7) / 2
    $i: $i + 1

  & .columns
    //*padding-left: 1%;
    //*padding-right: 1%;

  & .row .row
    *margin-left: 0 //* fix ie7 margins

Fix large-centered and small-centered for ie
Fix large-centered and small-centered for ie
