ITCSS-Sass_Example.scss

@charset "utf-8";                    // Character type for the stylesheet

// ITCSS: SETTINGS
@import "var";                       // Sass Variables


// ITCSS: TOOLS
@import "mixins";                    // Sass Mixins
@import "functions";                 // Sass Functions


// ITCSS: GENERIC (ELEMENTS/BASE)
@import "meyers";                    // The Eric Meyers resets
@import "normalize";                 // Normalize.css to reset styles
@import "global";                    // h1, h2, h3, p, etc.
@import "layout";                    // General layout classes, like .col-xs-4
@import "utility";                   // Utility classes, like .wrapper or .text-center


// ITCSS: COMPONENTS
@import "twitterFeed";               // Styles unique to the twitter feed widget
@import "searchBar";                 // Styles unique to the search bar in the header
@import "headerNav";                 // Styles unique to the navigation in the header


// ITCSS: CONTAINERS
@import "pageHeader";                // The page header holds many components, like the search bar and navigation
@import "userAccount";               // The user account contains several components, this is the overarching style around them


// ITCSS: TRUMPS
@import "trumps";                    // Use sparingly. These are meant to override above styles by using more specific selectors
@import "shame";                     // This is code you wrote to meet a deadline and need to come back and fix later