@import compass/utilities

// Configure grid coordinates
$grid-columns: 12 !default
$grid-width: 60px !default
$grid-gutter-width: 20px !default

@mixin grid-coordinates
  /*
    Grid-Coordinates by Adam Stacoviak
    Fork me: http://adamstac.com/grid-coordinates */
  .grid-container
    margin: 0 auto
    overflow: hidden
    width: ($grid-columns * $grid-width) + ($grid-columns * $grid-gutter-width)
  .nested-grid-container
    display: inline-block
    margin:
      left: -$grid-gutter-width / 2
      right: -$grid-gutter-width / 2
    overflow: hidden
    width: auto
  .grid-block
    @include float-left
    overflow: hidden
    margin: 0 ($grid-gutter-width / 2)
  @for $i from 1 through $grid-columns
    .grid-#{$i}
      @include grid($i)
      @extend .grid-block
  .grid-full
    @include grid($grid-columns)
  @for $i from 1 through $grid-columns - 1
    .grid-prefix-#{$i}
      @include grid-prefix($i)
  @for $i from 1 through $grid-columns - 1
    .grid-suffix-#{$i}
      @include grid-suffix($i)

@mixin grid($grid-columns)
  @include grid-width($grid-columns)

@mixin grid-width($grid-columns)
  @if $grid-columns == 1
    width: $grid-width
  @else
    width: ($grid-columns * $grid-width) + (($grid-columns * $grid-gutter-width) - $grid-gutter-width)

@mixin grid-prefix($grid-columns)
  @if $grid-columns == 1
    padding-left: $grid-width + $grid-gutter-width
  @else
    padding-left: ($grid-columns * $grid-width) + ($grid-columns * $grid-gutter-width)

@mixin grid-suffix($grid-columns)
  @if $grid-columns == 1
    padding-right: $grid-width + $grid-gutter-width
  @else
    padding-right: ($grid-columns * $grid-width) + ($grid-columns * $grid-gutter-width)