itcss-sample icon indicating copy to clipboard operation
itcss-sample copied to clipboard

A simple ITCSS structure sample

▽ ITCSS Sample

A simple ITCSS folder structure sample.

What is ITCSS?

ITCSS stands for Inverted Triangle CSS and it helps you to organize your project CSS files in such way that you can better deal with (not always easy-to-deal with) CSS specifics like global namespace, cascade and selectors specificity.

— Lubos Kmetko, in ITCSS: Scalable and Maintainable CSS Architecture

It was created by Harry Roberts and it works very well with methodologies like BEM, SMACSS or OOCSS.

Check out INUITCSS to see the best example of ITCSS.

 

ITCSS Layers

 

Learn more about ITCSS