// Each pattern comes with a mixin. They may also be included seperately 
// in a project and applied on custom markup.

@import "mixins";

// Variable defaults

$body-font-family: 'Source Sans Pro', sans-serif;

$colour-base: #efefef;
$colour-primary: black;
$colour-header-elements: #666;
$colour-post: #e4f2f8;
$colour-alert: red;
$colour-workspace-tabs: #869EBF;
$colour-accent: #5d91ff;

$glyph-checkbox: \e808 !default;
$glyph-checkbox-active: \e809 !default;
$glyph-radio-button: \e807 !default;
$glyph-radio-button-active: \e806 !default;

// Individual scss files are imported for each Pattern. These files may
// also be imported seperately in a project, but always require the Patterns
// mixins

@import "components/avatar";
@import "components/auto-suggest";
@import "components/checklist";
@import "components/grid";
@import "components/form";
@import "components/injection";
@import "components/select";
// Each pattern comes with a mixin. They may also be included seperately 
// in a project and applied on custom markup.

@import "mixins";

// Variable defaults

$body-font-family: 'Source Sans Pro', sans-serif;

$colour-base: #efefef !default;
$colour-primary: black !default;
$colour-header-elements: #666 !default;
$colour-post: #e4f2f8 !default;
$colour-alert: red !default;
$colour-workspace-tabs: #869EBF !default;
$colour-accent: #5d91ff !default;

$glyph-checkbox: \e808 !default;
$glyph-checkbox-active: \e809 !default;
$glyph-radio-button: \e807 !default;
$glyph-radio-button-active: \e806 !default;

// Individual scss files are imported for each Pattern. These files may
// also be imported seperately in a project, but always require the Patterns
// mixins

@import "components/avatar";
@import "components/auto-suggest";
@import "components/checklist";
@import "components/grid";
@import "components/form";
@import "components/injection";
@import "components/select";
Make colours default so they can be overruled.
Make colours default so they can be overruled.
