published on in web
tags: css



  • settings: Font, colors definitions. (NOT CSS OUTPUT)````
  • tools: Globally used mixins and functions. (NOT CSS OUTPUT)
  • generic: Reset and/or normalize styles, box-sizing definition.
  • elements: Styling for bare HTML elements (like H1, A, etc.).
  • objects: Class-based selectors which define undecorated design patterns.
  • components: UI Components, often composed of Objects and Components.
  • utilities: Utilities and helper classes with ability to override anything.

Ordered in the resulting CSS: from generic styles to explicit ones, from low-specificity selectors to more specific ones.

IDs are not allowed

Definition structure


  1. itcss-scalable-maintainable-css-architecture
  2. organizando-seu-css-com-itcss