// `Grid columns.
//----------------------------------------------------------------------------------------------------

.grid-container, .layout, [class^="grid"], [class*=" grid"],
[class^="prefix"], [class*=" prefix"],
[class^="suffix"], [class*=" suffix"],
[class^="push"], [class*=" push"],
[class^="pull"], [class*=" pull"]
  @extend %grid-columns

.grid-container, .layout
  @extend %grid-container

.grid-parent
  @extend %grid-parent

//
// Full width, just line-break.
//

.grid-100
  @extend %grid-100

.grid
  float: left

//
// For 5 through 95 percent.
//

@for $i from 1 through 19
  $num: $i * 5

  // Percentage based widths.
  .grid-#{$num}
    @extend %grid-#{$num}

  // Prefix, to add extra columns before.
  .prefix-#{$num}
    @extend %prefix-#{$num}

  // Suffix, to add extra columns after.
  .suffix-#{$num}
    @extend %suffix-#{$num}

  // Push, to rearrange column order (for potential "SEO").
  .push-#{$num}
    @extend %push-#{$num}

  // Pull, to rearrange column order (for potential "SEO").
  .pull-#{$num}
    @extend %pull-#{$num}

//
// For one-third and two-thirds.
//

@for $i from 1 through 2
  $num: $i * 33

  // Percentage based widths.
  .grid-#{$num}
    @extend %grid-#{$num}

  // Prefix, to add extra columns before.
  .prefix-#{$num}
    @extend %prefix-#{$num}

  // Suffix, to add extra columns after.
  .suffix-#{$num}
    @extend %suffix-#{$num}

  // Push, to rearrange column order (for potential "SEO").
  .push-#{$num}
    @extend %push-#{$num}

  // Pull, to rearrange column order (for potential "SEO").
  .pull-#{$num}
    @extend %pull-#{$num}

// `Push & Pull, to rearrange column order (for potential "SEO").
//----------------------------------------------------------------------------------------------------

//
// For 5 through 95 percent.
//

@for $i from 1 through 19
  $num: $i * 5

  .push-#{$num},
  .pull-#{$num}
    @extend %grid-columns-push-pull

//
// For one-third and two-thirds.
//

@for $i from 1 through 2
  $num: $i * 33

  .push-#{$num},
  .pull-#{$num}
    @extend %grid-columns-push-pull