Skip to content

Instantly share code, notes, and snippets.

@isamrish
Created June 1, 2020 09:37
Show Gist options
  • Save isamrish/82d823c86d041cd881c8099305dc9b8f to your computer and use it in GitHub Desktop.
Save isamrish/82d823c86d041cd881c8099305dc9b8f to your computer and use it in GitHub Desktop.

The naming convention follows this pattern:

.block {}
.block__element {}
.block--modifier {}

.block represents the higher level of an abstraction or component. .block__element represents a descendent of .block that helps form .block as a whole. .block--modifier represents a different state or version of .block.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment