BEM Snippet [SuitCSS, Sublime Text]

gistfile1.scss

<snippet>
	<content><![CDATA[
// https://github.com/suitcss/suit/blob/master/doc/naming-conventions.md

// ComponentName
// ComponentName--modifierName
// ComponentName-descendantName
// ComponentName.is-stateOfComponent
// u-utilityName

\$module: 'ComponentName';

.#{\$module} {

  &-descendantName {}

  &--modifierName {
    .#{\$module}-descendantName {}
  }

  &.is-stateOfComponent {}

  .u-utilityName {}

}
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>bem</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<scope>source.scss</scope>
</snippet>