/*------------------------------------*\
    # MEDIA OBJECT
\*------------------------------------*/

/**
 * Nicole Sullivan's media object is often referred to as the poster child of
 * OOCSS and a fundamental building block of most websites.
 *
    <div class="gs-o-media">
        <div class="gs-o-media__img">
            <img src="..." />
        </div>
        <div class="gs-o-media__body">
            <p>Some content</p>
        </div>
    </div>
 *
 * 1. Force block incase `.media` is applied to an inline element
 */
.gs-o-media {
    @include clearfix;
    display: block; /* [1] */
}

.gs-o-media__img {
    float: flip(left, right);
    #{$margin-right}: $gel-spacing-unit;

    > img {
        display: block;
    }
}

/**
 * 1. Remove any rogue margin-bottom of the body or last
 *    nested element
 */
.gs-o-media__body {
    display: block;
    overflow: hidden;

    &,
    > :last-child {
        margin-bottom: 0; /* [1] */
    }
}