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

@import "ezy";

// -----------------------------------------------------------
// Required grid settings

$column-width: 40px;  // column width
$gutter-width: 30px;  // space between columns
$total-columns: 12;   // max number of columns occuring
@include grid-init; // doing some background magic for you

// -----------------------------------------------------------
// Grid layouts (column count)

$columns-small:   4;
$columns-medium:  8;
$columns-large:   12;

// -----------------------------------------------------------
// Responsive settings

// Widths for use in media queries
$width-small:   context-width( $columns-small );
$width-medium:  context-width( $columns-medium );
$width-large:   context-width( $columns-large );

// Defining media query breakpoints
$breakpoint-small:  set-breakpoint( $max: $width-small );
$breakpoint-medium: set-breakpoint( $min: $width-small+1 );
$breakpoint-large:  set-breakpoint( $min: $width-medium+1, $legacy-support: true ); // Support for legacy browsers