//------------------------------------------------------------------------------------------------
// EVO TOOLKIT RELEASE MANIFEST
//------------------------------------------------------------------------------------------------

/*
Imports all EvoToolkit parts required to construct a page.
*/


// SETTINGS (Global variables, maps, and other data used by the framework)
@import '../src/scss/settings/evotoolkit';
@import '../src/scss/settings/breakpoints';
@import '../src/scss/settings/colors';
@import '../src/scss/settings/grid-system';
@import '../src/scss/settings/icon';
@import '../src/scss/settings/spacing';
@import '../src/scss/settings/transitions';
@import '../src/scss/settings/typography';
@import '../src/scss/settings/visuals';

// TOOLS (Helpful SASS functions and mixins which are suited for various tasks. We import early for usage in overrides.)
@import 'node_modules/sass-mq/mq';
@import '../src/scss/tools/breakpoints';
@import '../src/scss/tools/clearfix';
@import '../src/scss/tools/colors';
@import '../src/scss/tools/icon';
@import '../src/scss/tools/rem';
@import '../src/scss/tools/spacing';
@import '../src/scss/tools/typography';

// GENERIC (he first layer that actually produces any CSS. It houses very high-level, far reaching styles which effect much of the DOM)
@import 'node_modules/normalize.css/normalize';
@import '../src/scss/generic/box-sizing';
@import '../src/scss/generic/tabindex';
@import '../src/scss/generic/fonts';
@import '../src/scss/generic/reset';

// ELEMENTS (Styling bare, unclassed elements. For example, what would a <h1> look like without any classes attached?)
@import '../src/scss/elements/code';
@import '../src/scss/elements/horizontal-rule';
@import '../src/scss/elements/images';
@import '../src/scss/elements/inputs';
@import '../src/scss/elements/page';
@import '../src/scss/elements/typography';

// OBJECTS (These are undecorated design patterns. You would typically use these as a part of existing components or when building your own)
@import '../src/scss/objects/box';
@import '../src/scss/objects/container';
@import '../src/scss/objects/cover';
@import '../src/scss/objects/expander';
@import '../src/scss/objects/icon';
@import '../src/scss/objects/layout';
@import '../src/scss/objects/list-bare';
@import '../src/scss/objects/media';

// COMPONENTS (Ready made, customisable UI components which you can drop into your project)
@import '../src/scss/components/badge';
@import '../src/scss/components/box';
@import '../src/scss/components/button';
@import '../src/scss/components/calendar';
@import '../src/scss/components/checkbox';
@import '../src/scss/components/expander';
@import '../src/scss/components/inputs';
@import '../src/scss/components/list';
@import '../src/scss/components/modal';
@import '../src/scss/components/switch';
@import '../src/scss/components/table';
@import '../src/scss/components/tabs';
@import '../src/scss/components/tooltip';
@import '../src/scss/components/typography';
@import '../src/scss/components/youtube';

// UTILITIES (High-specificity, very explicit selectors. Typically small, single use helper classes)
@import '../src/scss/utilities/alignments';
@import '../src/scss/utilities/breakout';
@import '../src/scss/utilities/colors';
@import '../src/scss/utilities/heights';
@import '../src/scss/utilities/hide';
@import '../src/scss/utilities/nudges';
@import '../src/scss/utilities/spacing';
@import '../src/scss/utilities/widths';