Files

Antoine Boulanger 8a335ab020 Change structure/import order of the SCSS to properly follow ITCSS. Add layer description to README.

We were doing it wrong.

2015-02-15 15:44:11 -05:00

Charcoal-Boilerplate

Boilerplate for Charcoal projects by Locomotive.

SCSS

Settings: Global variables, site-wide settings, config switches, etc.
Tools: Site-wide mixins and functions.
Generic: Low-specificity, far-reaching rulesets (e.g. resets).
Base: Unclassed HTML elements (e.g. a {}, blockquote {}, address {}).
Objects: Objects, abstractions, and design patterns (e.g. .media {}).
Components: Discrete, complete chunks of UI (e.g. .carousel {}). This is the one layer that inuitcss doesn’t get involved with.
Trumps: High-specificity, very explicit selectors. Overrides and helper classes (e.g. .hidden {}).

From ITCSS