Skip to content

Instantly share code, notes, and snippets.

@kangax

kangax/BEM.html

Last active Aug 29, 2015
Embed
What would you like to do?
<!--
<component-name>[--modifier-name|__descendent-name]
.component {}
.component__descendant {}
.component--modifier {}
-->
<article class="tweet tweet--is-expanded">
<header class="tweet__header">
<img class="tweet__avatar" src="{{src}}" alt="{{alt}}">
</header>
<div class="tweet__body-text">
<button class="button button--default" type="button"></button>
</div>
</article>
<!--
[<namespace>-]<ComponentName>[--modifierName|-descendantName]
.Component
.Component-descendant
.Component--modifier
.Component.isState
-->
<article class="Tweet isExpanded">
<header class="Tweet-header">
<img class="Tweet-avatar" src="{{src}}" alt="{{alt}}">
</header>
<div class="Tweet-bodyText">
<button class="Button Button--default" type="button"></button>
</div>
</article>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.