Skip to content

Instantly share code, notes, and snippets.

@vwasteels
Last active August 29, 2015 14:13
Show Gist options
  • Save vwasteels/903ab87700ef53988808 to your computer and use it in GitHub Desktop.
Save vwasteels/903ab87700ef53988808 to your computer and use it in GitHub Desktop.
sass state parent vs child

Handling parent state vs child state with SASS

.papa {
  &-enfant {
    &.selected {}
    .danger & {}
  }
}
<div class="papa">
  <div class="papa-enfant"></div>
  <div class="papa-enfant selected"></div>
</div>

<div class="papa danger">
  <div class="papa-enfant"></div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment