?? GreyFile — Mystic File Browser

Current path: home/webdevt/www/wdp/wp-content/themes/quadric/assets/css/scss/modules/shortcodes/


?? Go up: /home/webdevt/www/wdp/wp-content/themes/quadric/assets/css/scss/modules

?? Viewing: _content-slider-responsive.scss

/*  =========================================================================
    Start of Content Slider shortcode - responsive
=============================================================================*/
.edgtf-content-slider-container{
    &.not-overlapping{
        @media only screen and (max-width:$ipad-landscape){        
                
            .edgtf-slide-content{
                display: inline-block!important;
                width:100%;
                margin: 30px auto 0;
                padding-top:110px;
                padding-right:7%;
            }

            .edgtf-slide-image{
                display:inline-block;
                width:100%;
            }            

            &.edgtf-center{  
                .edgtf-slide-content,
                .edgtf-slide-image,
                .owl-controls{
                    text-align:center;
                }

                .owl-controls{
                    width:100%;
                }
            }
        }

        @media only screen and (max-width:$ipad-portrait){
           .edgtf-slide-content{
                padding-top:80px;
           } 
        }        
    }
}

.edgtf-content-slider-container.overlapping{
    @media only screen and (min-width:$ipad-landscape) and (max-width:$laptop-landscape){
        .owl-controls{
            bottom:50px;
        }
        .edgtf-slide-content{
            bottom:120px;
        }
    }    
    @media only screen and (max-width:$ipad-landscape){
        margin-top:0;

        .edgtf-slide-image{
            width:100%;
            display:inline-block;
            margin:65px auto 0;
        }

        .edgtf-slide-content{
            display:block;
            position:relative;
            padding-top:80px; // gap between top and content
            vertical-align:top;
            bottom:0;
            margin:0 auto;
            width:100%;
            padding-right:0;
        }

        &.edgtf-center{
            .edgtf-slide-content{
                padding-left:0;
                padding-right:0;
            }
            .edgtf-slide-content,
            .edgtf-slide-image,
            .owl-controls{
                width:100%;
                text-align:center;
            }
        }

        .owl-controls {
            bottom: auto;
            top: 325px;
        }
    }

    @media only screen and (max-width:$phone-landscape){
        .owl-controls{
            top:400px;
        }

        .edgtf-slide-content{
            padding-bottom:110px;
        }
    }

    @media only screen and (max-width:$phone-portrait){
        .owl-controls{
            top:490px;
        }        
    }       
}

.edgtf-content-slider-container{
    @media only screen and (max-width:$ipad-landscape){
        .owl-controls{
            bottom:auto;
            top:400px;
        }
    }

    @media only screen and (max-width:$phone-landscape){
        .owl-controls{
            top:455px;
        }
    }

    @media only screen and (max-width:$phone-portrait){
        .owl-controls{
            top:500px;
        }
    }

    @media only screen and (max-width:400px){
        .owl-controls{
            top:570px;
        }
    }
}
/*  =========================================================================
    End of Content Slider shortcode - responsive
=============================================================================*/

??

??