Updated at Jan 6, 2016
Field Diff
Regex /^([a-z][a-zA-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/^([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
Corpus Text #+ 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
Updated at Jan 6, 2016
Field Diff
Regex /^([a-z][a-zA-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/^([a-z][a-zA-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
Updated at Jan 6, 2016
Field Diff
Regex /^((([a-z][a-zA-Z]+)+)-)?(([A-Z][a-z]+)+)(-(([a-z][a-zA-Z]+)+))?(--(([a-z][a-zA-Z]+)+))?$/m/^([a-z][a-zA-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
Updated at Jan 6, 2016
Field Diff
Regex /^(([A-Z][a-z]+)+)(-(([a-z][a-zA-Z]+)+))?(--(([a-z][a-zA-Z]+)+))?$/m/^((([a-z][a-zA-Z]+)+)-)?(([A-Z][a-z]+)+)(-(([a-z][a-zA-Z]+)+))?(--(([a-z][a-zA-Z]+)+))?$/m
Updated at Jan 6, 2016
Field Diff
Corpus Text #+ Match these BlockComponent Block--modifierComponent--modifier Block-elementComponent-descendent Block-element--modifierComponent-descendent--modifier BlockNameComponentName BlockName--modifierNameComponentName--modifierName BlockName-elementNameComponentName-descendentName BlockName-elementName--modifierNameComponentName-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 blockcomponent block--modifiercomponent--modifier block-elementcomponent-descendent block-element--modifiercomponent-descendent--modifier block-namecomponent-name block-name--modifier-namecomponent-name--modifier-name block-name-element-namecomponent-name-descendent-name block-name-element-name--modifier-namecomponent-name-descendent-name--modifier-name utilityName sm-utility md-utility lg-utility stateOfComponent isStateOfComponent
Updated at Jan 6, 2016
Refiddle Do you know PHP, Perl, Python or Java? View the docs to see how you can help out

SUIT CSS Syntax Revisions

Created Jan 6, 2016 by Elijah Manor.

Replay this Fiddle