Naming Cases #

At-Rules #

At-rules are case-insensitive, but using kebab-case is recommended (e.g., @import, @counter-style).

Selectors #

Type selectors, enumerated attribute selectors, pseudo-classes, and pseudo-elements are case-insensitive, while ID selectors, class selectors, and non-enumerated attribute selectors are case-sensitive. Using kebab-case is recommended (e.g., .main-container).

Declarations #

Properties and values are case-insensitive, but using kebab-case is recommended (e.g., justify-content: space-between).

Variables #

Variable names are case-sensitive, and using kebab-case is recommended. They must start with -- (e.g., --space-10, --color-base).