BEM Snippet [Suit CSS]

gistfile1.scss

// https://github.com/suitcss/suit/blob/master/doc/naming-conventions.md

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

$module: 'ComponentName';

.#{$module} {

  &-descendantName {}

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

  &.is-stateOfComponent {}

  .u-utilityName {}

}