@viewdo/dxp-story-player-assets/less/base/responsive.less

## Installation

.responsive-mixins(){

    @maxPhoneWidth: 767px;
    @maxPhoneHeightLandscape: 520px;

    .responsive(@view, @settings ) when (@view = portrait) {
        @media only screen
            and (max-width: @maxPhoneWidth)
            and (orientation: portrait) {
            @settings();
        }
    }

    .responsive(@view, @settings ) when (@view = landscape) {
        @media only screen
            and (max-height: @maxPhoneHeightLandscape)
            and (orientation: landscape) {
            @settings();
        }
    }

    .responsive(@view, @settings ) when (@view = mobile) {
        @media only screen
            and (max-width: @maxPhoneWidth)
            and (orientation: portrait) {
            @settings();
        }

        @media only screen
            and (max-height: @maxPhoneHeightLandscape)
            and (orientation: landscape) {
            @settings();
        }
    }

    .responsive(@view, @settings ) when (@view = desktop) {
        @media only screen
            and (min-width: (@maxPhoneWidth + 1))
            and (min-height: (@maxPhoneHeightLandscape + 1)) {
            @settings();
        }
    }

    .responsive(@view, @settings ) when (@view = large) {
        @media only screen
            and (min-width: 1200px)
            and (min-height: (@maxPhoneHeightLandscape + 1)) {
            @settings();
        }
    }

}