Example Styleguide

.media-list preview

• 

  A .media-list with media-items in each LI

• 

  A .media-list with media-item (reversed img)

• 

  Last .media-list item

Media-list HTML

<ul class="media-list">
    <li>
        <div class="media__img">
            <img src="http://placehold.it/80x80" alt="IMG">
        </div>
        <div class="media__body">
            <p>A .media-list with media-items in each LI</p>
        </div>
    </li>
    <li>
        <a href="#" class="media__img media__img--reversed">
            <img src="http://placehold.it/80x80" alt="IMG">
        </a>
        <div class="media__body">
            <p>A .media-list with media-item (reversed img)</p>
        </div>
    </li>
    <li>
        <a href="#" class="media__img">
            <img src="http://placehold.it/80x80" alt="IMG">
        </a>
        <div class="media__body">
            <p>Last .media-list item</p>
        </div>
    </li>
</ul>

Media-list Style

You can find the original source of the CSS as .scss

Media-list

No more information available for Media-list…