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

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

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

.page {
  @include master( $total-columns ); // Sets max-width
}

.grid {
  @include container();
}

/* -------------------------------------------------------------------- *
 * Static columns: not using grid-init()
 */

.span-columns-2 {
  @include span-columns( 2 );
}

.span-columns-4 {
  @include span-columns( 4 );
}

.span-columns-6 {
  @include span-columns( 6 );
}

/* -------------------------------------------------------------------- *
 * Static columns: using grid-init()
 */

@include grid-init();

.span-columns-2 {
  @include span-columns( 2 );
}

.span-columns-4 {
  @include span-columns( 4 );
}

.span-columns-6 {
  @include span-columns( 6 );
}

/* -------------------------------------------------------------------- *
 * Grid colum spanning more columns than layout
 */

.span-columns-18 {
  @include span-columns( 18 );
}