Skip to content

Latest commit

 

History

History
15 lines (10 loc) · 774 Bytes

css-naming-convention.md

File metadata and controls

15 lines (10 loc) · 774 Bytes
Raw

Ignite UI for Angular CSS Naming Convention

Ignite UI for Angular uses the Two Dashes style of the BEM naming convention for CSS classes.

Naming Convention:

ex.: block-name__elem-name--mod-name

  • Names are written in lower case.
  • Words within the names of BEM entities are separated by a hyphen (-).
  • An element name is separated from a block name by a double underscore (__).
  • Boolean modifiers are delimited by double hyphens (--).
  • Key-value type modifiers are not used.

Important! Double hyphen within the comment (--) is perceived as part of the comment and therefore its presence lead to error during document validation. HTML5 Specification