@import "variables";
@import "reset";

// General typography like web fonts and icon fonts, and some styles that can be used as mixins.
@import "typography";
@import "icons";

// Define your grid system
@import "grid";

// Components are things like buttons, tables, and dropdowns.
// They should be generic, extendable, and reusable.
@import "components/buttons";
@import "components/modals";
@import "components/tables";

// Modules are larger sections and they contain components.
@import "modules/footer";
@import "modules/generic";
@import "modules/hero";
@import "modules/nav";

// WHERE ARE MY BREAKPOINTS???
//
// Relax. Define breakpoints with each module, and *try* to tailor your
// breakpoints to the content, rather than specific screen sizes.

// Finally, take care of unique cases like print and IE users
@import "print";
@import "ie";