Tagged Fiddles

• 24

  Revisions

  1

  Forks

  Modified BEM Syntax

  • scss bem css sass scsslint

  /^(([A-Z][a-z]+)+)(-(([a-z][a-zA-Z]+)+))?(--(([a-z][a-zA-Z]+)+))?$/m

  An scss-lint regex based on "A BEM syntax with UX in mind"

  #+ Match these Block Block--modifier Block-element Block-element--modifier BlockName BlockName--modifierName BlockName-elementName BlockName-elementName--modifierName #- Don't match these block block--modifier block-element block-element--modifier block-name block-name--modifier-name block-name-element-name block-name-element-name--modifier-name

  Open Fork