// main.scss - in here we just include all the other partials
// ======================================================================

// first we include global variable-maps from the config
@import 'config/colors';
@import 'config/fonts';
@import 'config/breakpoints';

// include the sizes after the above maps, use defaults from font-config
// to generate the default base-units and other dimensions
@import 'config/defaults';

// then we include all functions and mixins
@import '../../node_modules/frckl-tools/all-tools';
@import 'tools/centered';

// next up: third party generic styles + resets
@import '../../node_modules/normalize.css/normalize';
@import '../../node_modules/frckl-reset/reset';

// base styles - for raw html-elements, no classes
@import 'base/root';
@import 'base/fonts';
@import 'base/rhythm';
@import 'base/forms';
@import 'base/headings';
@import 'base/links';

// throw in all other 3rdparty styles here this way we can override
// vendor-styles in our modules, if we really need to
// @import 'vendor/lightbox';

// next up: all your modules. be careful with order/cascading here
// have a look at the modules folder for already existing ones
@import 'modules/animations';
// @import 'modules/boxes';
@import 'modules/buttons';
@import 'modules/forms';
// @import 'modules/grids';
@import 'modules/icons';
@import 'modules/logos';
@import 'modules/navs';
@import 'modules/typography';
@import 'modules/answers';
@import 'modules/score';
@import 'modules/questions';
@import 'modules/d3js';
@import 'modules/votes';

// layout modules, but i treat them as modules :)
@import 'modules/wrapper';
@import 'modules/header';
@import 'modules/content';
@import 'modules/footer';
@import 'modules/debug';

// generically used styles and that are able to override modules
// if you have similar styles that override modules, throw them
// in the folder 'overrides'
@import '../../node_modules/frckl-helpers/clearfix';
@import '../../node_modules/frckl-helpers/hidden';
// @import 'overrides/your-override';