Skip to content

Instantly share code, notes, and snippets.

@jacobpatton
Last active December 25, 2015 19:19
Show Gist options
  • Save jacobpatton/7026894 to your computer and use it in GitHub Desktop.
Save jacobpatton/7026894 to your computer and use it in GitHub Desktop.
I'm wondering how to best blend custom BEM objects with a framework like Inuit.css.
// Here's a `.person` containing an Inuit `.media` object
.person
.media
%img.media__img{src: "http://placekitten.com/96/96"}
%p.media__body
Bio goes here Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
// If we wanted to customize the display of the person's media object,
// what would we do???
// Maybe something like this?
.person
.person__bio.media
%img.media__img{src: "http://placekitten.com/96/96"}
%p.media__body
Bio goes here Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment