Charcoal-Boilerplate

Boilerplate for Charcoal projects by Locomotive.

Getting started

Get the latest node modules

We are using this module to get the latest version of every modules and update the package.json

npm install -g npm-check-updates

npm-check-updates -u

npm install

Run grunt and start coding

grunt

SCSS

Import order

• 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 {}).
• Trumps: High-specificity, very explicit selectors. Overrides and helper classes (e.g. .hidden {}).

From ITCSS