ITCSS
Last updated
Last updated
Inverted Triangle architecture for CSS. A sane, scalable, managed architecture. A school-of-thought, not a library. A meta framework; a framework for frameworks. Incredibly simple.
Settings: Global variables, config switches.
Tools: Default mixins and functions.
Generic: Ground-zero styles (Normalize.css, resets, box-sizing).
Base/Elements: Unclassed HTML elements (type selectors).
Objects: Cosmetic-free design patterns.
Components: Designed components, chunks of UI.
Utilities: Helpers and overrides.
From the generic to the explicit.
From low specificity to high specificity.
From global reach to localized reach.
I strongly recommend you to watch the video presentation by Harry Roberts, and read this good article about it. You also can read the PDF version of the slides used in his talk
