Skip to content

CSS Standards

Brandon Bouchard edited this page Nov 21, 2022 · 7 revisions

Naming Conventions

Look for the Two Dashes style under the Alternative naming schemes heading in the following documentation:

BEM Naming Documentation

TL;DR

When naming new CSS variables use the following convention:

block-name__elem-name--mod-name--mod-val

e.g.:

.btn__primary--type--outline

Clone this wiki locally