@charset "UTF-8";

@import "plinth";

// ======================================================
// Settings grids
// ======================================================

// Max container width
$container-width: 800px;

$baby: 'baby-', 2, 10px;
$sister: 'sister-', 4, 15px, "min", 655px;
$mother: 'mother-', 8, 20px, "min", $container-width;
// Declare grid
$grids : $baby, $sister, $mother;



// Module scale
$baseFontSize: 14px !default;
$importantModNum: 300px !default;
$base-size: $baseFontSize $importantModNum;

$base-font-family: "Helvetica Neue", helvetica, arial, sans-serif !default;
$base-line-height: 1.57;
$base-line-height-px: 22px;


$header-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !default;
$header-font-weight: bold !default;
$header-font-color: #222 !default;
$body-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !default;
$body-font-weight: normal !default;
$body-font-color: $txt-color !default;

// ======================================================
// Plinth
// ======================================================

@import "plinth/base/_all";
@import "plinth/modules/_all-grid";
@import "plinth/modules/_all-no-grid";


// ======================================================
// Default grids
// ======================================================

@import "plinth/grid/_grid";


// ======================================================
// Build grid sizes
// ======================================================

@include create-column-sizes($grids);

// ======================================================
// Site Base Styles
// ======================================================

@import 'base/all';


// ======================================================
// Site modules
// ======================================================

@import 'modules/coderay';
@import 'modules/webfont_table';
@import 'modules/layout_examples';