▽ 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.

Learn more about ITCSS

• 📄 Manage large CSS projects with ITCSS, Harry Roberts - Creative Bloq
• 📺 Managing CSS Projects with ITCSS, Harry Roberts - YouTube
• INUITCSS Project, Harry Roberts - GitHub