Tagged Fiddles

• 1

  Revisions

  Forks

  SUIT CSS Syntax

  • scss suite css sass scsslint sasslint

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

  An scss-lint or sasslint regex for SUIT CSS sytax

  #+ Match these component component--modifier component-descendent component-descendent--modifier componentName componentName--modifierName componentName-descendentName componentName-descendentName--modifierName u-utilityName is-stateOfComponent #- Don't match these Component Component--modifier Component-descendent Component-descendent--modifier Component-name Component-name--modifier-name Component-name-descendent-name Component-name-descendent-name--modifier-name

  Open Fork
• 6

  Revisions

  1

  Forks

  SUIT CSS Syntax

  • scss suite css sass scsslint sasslint

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

  An scss-lint or sasslint regex for SUIT CSS sytax

  #+ Match these Component Component--modifier Component-descendent Component-descendent--modifier ComponentName ComponentName--modifierName ComponentName-descendentName ComponentName-descendentName--modifierName namespace-ComponentName namespace-ComponentName--modifierName namespace-ComponentName-descendentName namespace-ComponentName-descendentName--modifierName u-utilityName u-sm-utilityName u-md-utilityName u-lg-utilityName is-stateOfComponent #- Don't match these component component--modifier component-descendent component-descendent--modifier component-name component-name--modifier-name component-name-descendent-name component-name-descendent-name--modifier-name nameSpace-ComponentName nameSpace-ComponentName--modifierName nameSpace-ComponentName-descendentName nameSpace-ComponentName-descendentName--modifierName utilityName sm-utility md-utility lg-utility stateOfComponent isStateOfComponent

  Open Fork