ITCSS

A meta-framework (a framework for frameworks) created by Harry Roberts
Inverted Triangle achitecture for CSS
A sane, scalable, managed architecture

CSS' Fault

Cascade and inheritance
Very loose
Highly dependent on source order
Not very expressive
Lots of gotchas
Specificity

Our Fault

Lack of documentation
Lack of structure, QA
Mixture of abilities
Different styles
Not aware of what already exists
Adding new styles to end of stylesheets

Idea

Write CSS in specificity order
Generic to Explicit
Far Reaching to Local
Low Specificity to High Specificity

Layers

Settings - global variables
Tools - mixins and functions
Generic - ground zero styles e.g. normalize, resets etc.
Base - unclassed HTML elements i.e. type selectors
Objects - cosmetic free design patters e.g. grid
Components - designed UI components
Trumps - helpers and overrides