BEM for us

BEM

.blockName{
  /* global strate block */  
}

.blockName--modifier{
  /* global strate block modifier */  
}

.blockName-componentName{
  /* children component */ 
}

.blockName-elementName{
  /* children element */ 
}

.blockName-component--modifier{
  /* children modifier */ 
}

.blockName-element--modifier{
  /* children element modifier */ 
}

.js-blockName-action{
}

.blockName-globalComponent{
  /* styling generic component inside a block */
}