CSS BEM methodology
A methodology of naming/structuring CSS classes is:
Block | the component / standalone entity | modal |
Element | part / child of the block | modal__body |
Modifier | a flag that alters appearance / behaviour | modal--open , modal__body--red |