Main.scss for inuitcss

main.scss

/* Settings: donde pondremos las variables que usaremos a lo largo del proyecto (variables) */

/* Tools: donde pondremos las funciones y los mixins */

/* Generic: Inter-project files (normalize, reset, etc.) */

/* Base: cualquier HTML tag, sin ninguna clase */

/* Objects: wrappers, layout, media… */

/* Components: Recognizable UI components */

/* Utilities: Cosas que sobreescriben al resto */



/**
 * CONTENTS
 *
 * SETTINGS - donde pondremos las variables que usaremos a lo largo del proyecto (variables)
 * Defaults.............Globally-available variables and config.
 * Responsive...........Responsive breakpoint settings.
 * Settings.............Import custom site settings.
 *
 * TOOLS - donde pondremos las funciones y los mixins
 * Functions............Reusable functions.
 * Mixins...............Useful mixins.
 * Responsive...........Mixin for declaring styles within media queries.
 *
 * GENERIC - Inter-project files (normalize, reset, etc.)
 * Normalize.css........A level playing field.
 * Box-sizing...........Better default `box-sizing`.
 * Reset................Additional resets to normalize.
 * Shared...............Apply shared styles for spacing rhythm.
 *
 * BASE - cualquier HTML tag, sin ninguna clase
 * Headings.............H1–H6 styles.
 * Paragraphs...........Lead paragraphs.
 * Lists................UL, LI styles.
 * Images...............Fluid images.
 * Page.................High-level page styles.
 *
 * OBJECTS - wrappers, layout, media…
 * Block................Image stacked on top of content.
 * Box..................Box off content.
 * Buttons..............Simple button object.
 * Flag.................Media object but with vertical alignment.
 * Layout...............Grid system.
 * List-Bare............Simple list with no indent or bullet points.
 * List-Block...........Lists with li as a block element.
 * List-Inline..........Lists with items displayed in one line.
 * List-UI..............Lists with a separator between elements.
 * Media................Image and text side by side.
 * Pack.................Packs children up horizontally to fit parent width.
 * Tables...............Simple table layouts.
 * Tabs.................Equal width nav tabs.
 *
 * COMPONENTS - Recognizable UI components
 * 
 * THEME
 *
 * TESTS
 *
 * TRUMPS - Cosas que sobreescriben al resto
 * Clearfix.............Clears content.
 * Print................Resets for print versions.
 * Spacing..............Margin and padding helper classes.
 * Responsive-Spacing...Responsive margin and padding helper classes.
 * Width................Width helper classes.
 * Responsive-Widths....Responsive width helper classes.
*/


// Files within the bower_components folder use styles from the 
// inuit.css framework created by Harry Roberts and can 
// be found at https://github.com/inuitcss 





///*------------------------------------*\
//    #SETTINGS
//\*------------------------------------*/

@import "bower_components/inuit-defaults/settings.defaults";
@import "bower_components/inuit-responsive-settings/settings.responsive";

@import "settings";





///*------------------------------------*\
//    #TOOLS
//\*------------------------------------*/

@import "bower_components/inuit-functions/tools.functions";
@import "bower_components/inuit-mixins/tools.mixins";
@import "bower_components/inuit-responsive-tools/tools.responsive";
@import "bower_components/inuit-tools-widths/tools.widths";





/*------------------------------------*\
    #GENERIC
\*------------------------------------*/

@import "bower_components/inuit-normalize/generic.normalize";
@import "bower_components/inuit-box-sizing/generic.box-sizing";
@import "bower_components/inuit-reset/generic.reset";
@import "bower_components/inuit-shared/generic.shared";





/*------------------------------------*\
    #BASE
\*------------------------------------*/

@import "bower_components/inuit-headings/base.headings";
@import "bower_components/inuit-paragraphs/base.paragraphs";
@import "bower_components/inuit-lists/base.lists";
@import "bower_components/inuit-images/base.images";
@import "bower_components/inuit-page/base.page";





/*------------------------------------*\
    #OBJECTS
\*------------------------------------*/

@import "bower_components/inuit-block/objects.block";
@import "bower_components/inuit-box/objects.box";
@import "bower_components/inuit-buttons/objects.buttons";
@import "bower_components/inuit-flag/objects.flag";
@import "bower_components/inuit-layout/objects.layout";
@import "bower_components/inuit-list-bare/objects.list-bare";
@import "bower_components/inuit-list-block/objects.list-block";
@import "bower_components/inuit-list-inline/objects.list-inline";
@import "bower_components/inuit-list-ui/objects.list-ui";
@import "bower_components/inuit-media/objects.media";
@import "bower_components/inuit-pack/objects.pack";
@import "bower_components/inuit-tables/objects.tables";
@import "bower_components/inuit-tabs/objects.tabs";





/*------------------------------------*\
    #COMPONENTS
\*------------------------------------*/

// > Components here <




/*------------------------------------*\
    #THEME
\*------------------------------------*/

// > Theming here <





/*------------------------------------*\
    #TESTS
\*------------------------------------*/

// > A/B Testing here <





/*------------------------------------*\
    #TRUMPS
\*------------------------------------*/

@import "bower_components/inuit-clearfix/trumps.clearfix";
@import "bower_components/inuit-headings-trumps/trumps.headings";
@import "bower_components/inuit-print/trumps.print";
@import "bower_components/inuit-spacing/trumps.spacing";
@import "bower_components/inuit-spacing-responsive/trumps.spacing-responsive";
@import "bower_components/inuit-widths/trumps.widths";
@import "bower_components/inuit-widths-responsive/trumps.widths-responsive";