ACC SHELL

/* ==========================================================================
   Objects.Media
   ========================================================================== */

/**
 * Objekt ktery zobrazuje obrazek a text vedle sebe:
 * stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code
 *
 * <div class="o-media">
 *     <img class="o-media__img" src="http://placekitten.com/200/300" alt="">
 *     <p class="o-media__body">Lorem ipsum dolor sit amet, consectetur adipisicing elit,
 *     sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
 * </div>
 *
 * Demo: jsfiddle.net/inuitcss/cf4Qs
 *
 */

.o-media {
    display: block;

    &:before,
    &:after {
        content: " ";
        display: table;
    }

    &:after {
        clear: both;
    }
}

    .o-media__img {
        float: left;
        margin-right: $base-grid-unit;
    }

    .o-media__img--rev {
        float: right;
        margin-right: 0;
        margin-left: $base-grid-unit;
    }

        .o-media__img img,
        .o-media__img--rev img {
            display: block;
        }

    .o-media__body {
        overflow: hidden;
    }

    .o-media__body,
    .o-media__body > :last-child {
        margin-bottom: 0;
    }