////////////////////////////////////////////////////////////////////////////////
// Variables Partials
//
// All of your variables should go in this file.
////////////////////////////////////////////////////////////////////////////////

////////////////////////
// Breakpoints
////////////////////////
$small: 500px;
$medium: 800px;
$large: 1100px;
$xlarge: 1400px;

// Old IE support
$breakpoint-no-query-fallbacks: true;
$no-query: '.lt-ie9';

////////////////////////
// Grids
////////////////////////
$grids: add-grid(3);
$grids: add-grid(6 at $small);
$grids: add-grid(18 at $medium);
$grids: add-grid(30 at $large);

$gutters: add-gutter(1/5);
$gutters: add-gutter(1/3 at $small);
$gutters: add-gutter(1/2 at $medium);
$gutters: add-gutter(1 at $large);

$output: 'isolation';

// Grid color for debugging
$background-grid-color: rgba(117, 125, 138, 1);

////////////////////////
// Layout
////////////////////////
$container-width: 320px;

$small-container-width: 480px;
$medium-container-width: 720px;
$large-container-width: 960px;
$xlarge-container-width: 1200px;