social-likes-nojq/gh-pages/tamia/modules/media/Readme.md

681 B

Media object

Media object from OOCSS.

Markup

<div class="media">
	<img src="http://placedog.com/200/200" alt="" class="media__img">
	<p class="media__body">Alice was beginning to get very tired of sitting by her sister on the bank, and of having nothing to do: once or twice she had peeped into the book her sister was reading, but it had no pictures or conversations in it, “and what is the use of a book,” thought Alice “without pictures or conversation?”</p>
</div>

Modifiers

.media__img.media__img_rev

Reversed image location (right instead of left).

<img src="http://placedog.com/200/200" alt="" class="media__img media__img_rev">