A boilerplate main.scss for organized imports and atomic css

main.scss

// Vendor dependencies.
@import "compass";
@import "susy";
@import "animation";

// Author dependencies.
@import "mixins";
@import "variables";
@import "animations";	// Animation mixins

// Global CSS and UI patterns.
@import "normalize"; 	// Clean slate
@import "typography";	// Fonts, sizes, baseline, colors. Etc.
@import "grid"; 		// Duh.
@import "layout";		// Positions major elements.
@import "ui";			// Forms and form elements, buttons, switches, toggles, boondoggles.

// Individual pages, sections, and elements.

// -- Sections - Individual major sections (nav, etc.) in "sections" folder

// -- Individual modules/elements - Reusable pieces in "modules" folder

// -- Page-specific styles override defaults above