// ==========================================
// == Luna Framework
// == AUTHOR: CLAUDE MYBURGH
// == URL: http://designbycode.co.za
// ==========================================

.responsive
    &__img
        display: inline-block
        height: auto
        max-width: 100%
        margin-bottom: $the__global__padding


    &__embed
        position: relative
        display: block
        height: 0
        width: 100%
        max-width: 100%
        padding: 0
        overflow: hidden

    &__wide-screen
        @extend .responsive__embed
        padding-bottom: 56.25%

    &__screen
        @extend .responsive__embed
        padding-bottom: 75%

    &__square
        @extend .responsive__embed
        padding-bottom: 100%

    &__item,
    video,
    embed,
    object,
    iframe
        position: absolute
        top: 0
        bottom: 0
        left: 0
        right: 0
        height: 100%
        width: 100%
        border: none


    &__figure
        padding: 0
        margin: 0
        display: block

        img
            width: 100%
            max-width: 100%
            height: auto
            display: block