Skip to content

Instantly share code, notes, and snippets.

@vio

vio/BEM - modifiers + child.md

Last active August 29, 2015 14:19
Show Gist options
  • Save vio/5a5d176b35e51b6aa01a to your computer and use it in GitHub Desktop.
Save vio/5a5d176b35e51b6aa01a to your computer and use it in GitHub Desktop.
Download ZIP
Raw
BEM - modifiers + child.md

BEM - modifiers & children

1. Block, children, modifier (current)

// Default stuyles
.m-toolbar
  &__title
    // styles

  &__content
    // styles

// Modifier
.m-toolbar
  &--auth
    // styles

  &__title--auth
    // styles

  &__content--auth
    // styles

2. Block, modifier, children

// Default stuyles
.m-toolbar
  &__title
    // styles

  &__content
    // styles

// Modifier
.m-toolbar--auth
  // styles

  &__title
    // styles

  &__content
    // styles
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment