ACC SHELL

/* ==========================================================================
   Objects.Flag
   ========================================================================== */

/**
 * Flag objekt je podobny media objektu, ale vyuziva `display: table[-cell];`
 * pro kontrolu vertikalniho zarovnani obrazku a textu.
 * csswizardry.com/2013/05/the-flag-object
 *
 * <div class="o-flag">
 *     <div class="o-flag__img">
 *         <img src="http://placekitten.com/200/300" alt="">
 *     </div>
 *     <div class="o-flag__body">
 *         <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
 *         sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
 *     </div>
 * </div>
 */

.o-flag {
    display: table;
    width: 100%;
}

    .o-flag__img,
    .o-flag__body {
        display: table-cell;
        vertical-align: middle;
    }

    .o-flag__img  {
        padding-right: $base-grid-unit;

        > img {
            display: block;
            max-width: none;
        }
    }

    .o-flag__body {
        width: 100%;

        &,
        > :last-child {
            margin-bottom: 0;
        }
    }

.o-flag--rev {
    direction: rtl;

    > .o-flag__img,
    > .o-flag__body {
        direction: ltr;
    }

    > .o-flag__img {
        padding-right: 0;
        padding-left: $base-grid-unit;
    }
}

.o-flag--top {
    > .o-flag__img,
    > .o-flag__body {
        vertical-align: top;
    }
}

.o-flag--bottom {
    > .o-flag__img,
    > .o-flag__body {
        vertical-align: bottom;
    }
}