NCSS

Named Cascading Style Sheets are divided into:

• Namespaces
• Structural Classes
• Component Classes
• Type Classes
• Modifier Classes
• Functional Classes
• Exceptions

Edit on GitHub

Pick a namespace once you provide your library to a third party or need to prevent naming conflicts inside your project.

Syntax

.{namespace}-{context}

.{namespace}-{type}

Overview

Edit on GitHub

Structural classes provide a semantic context for the underlying elements and are preferably utilized to define a layout.

Syntax

.{context}

.{context}-{name}

Overview

Edit on GitHub

Component classes provide a group context for the underlying elements and are preferably utilized to define a working unit.

Syntax

.component

.component-{name}

.component-{context}

Overview

Edit on GitHub

Type classes are the foundation for reusable, modular and semantic CSS to provide the reader what elements, tags and sections are affected.

Syntax

.{type}

.{type}-{name}

.{type}-{context}

Overview

Edit on GitHub