// ---------------------------------------------------------------------------
// Imports

@import "../../../sass/ezy/grid";

$column-width: 60px;
$gutter-width: 30px;
$total-columns: 12;
$is-fluid: false;

/* -------------------------------------------------------------------- *
 * Grid columns with offset
 */

.span-columns-2 {
  @include span-columns( 2, $context: $total-columns );
  @include offset( 'left', 1 );
}

.span-columns-4 {
  @include span-columns( 4, $context: $total-columns );
  @include offset( 'right', 2 );
}

.span-columns-6 {
  @include span-columns( 6, $context: $total-columns );
  @include offset( 'both', 3 );
  @include remove-offset( 'left' );
}