Skip to content

Instantly share code, notes, and snippets.

@chriskjaer

chriskjaer/bem-init.html

Created January 28, 2014 07:23
Show Gist options
  • Save chriskjaer/8663508 to your computer and use it in GitHub Desktop.
Save chriskjaer/8663508 to your computer and use it in GitHub Desktop.
Download ZIP
BEM Eksempel
Raw
bem-init.html
<div class="human">
<div class="human__head"></div>
<div class="human__arm"></div>
<div class="human__arm"></div>
<div class="human__body"></div>
<div class="human__leg"></div>
<div class="human__leg"></div>
</div>
Raw
bem-style-w-modifiers.css
.human {
}
.human--developer {
fuel: 'coffee';
}
.human--pirate {
profession: 'pirate stuff';
}
.human__head {
}
.human__arm {
}
.human__body {
}
.human__leg {
}
.human__leg--wood {
material: "wood";
}
Raw
bem-style.css
.human {
}
.human__head {
}
.human__arm {
}
.human__body {
}
.human__leg {
}
Raw
bem-w-modifiers.html
<div class="human human--pirate">
<div class="human__head">
</div>
<div class="human__arm"></div>
<div class="human__arm"></div>
<div class="human__body"></div>
<div class="human__leg"></div>
<div class="human__leg human__leg--wood"></div>
</div>
<div class="human human--developer">
<div class="human__head">
</div>
<div class="human__arm"></div>
<div class="human__arm"></div>
<div class="human__body"></div>
<div class="human__leg"></div>
<div class="human__leg human__leg--wood"></div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment