?? 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: _slider-responsive.scss

@include ipad-landscape {
    .carousel-inner{
        position: relative;
    }

    .carousel-inner > .item,
	.edgtf-slider .carousel-control{
        padding-top: 0px !important;
    }

    .carousel .carousel-inner .edgtf-slider-content-outer {
        display: table;
        box-sizing: border-box;
        display: table;
        padding: 0 5px;
    }

    .carousel .carousel-inner .edgtf-slider-content .edgtf-thumb {
        height: auto;
    }

    .carousel .carousel-inner .edgtf-slider-content {
        display: table-cell;
        vertical-align: middle;
        position: static;
        top: 0 !important;
        left: 0 !important;
    }

    .carousel .carousel-inner .edgtf-graphic-content{
        text-align: center;
    }

    .edgtf-slider-thumbs .carousel-control.left:hover .edgtf-thumb-holder{
        left: 0;
    }

    .carousel:not(.in_progress).edgtf-slider-thumbs .carousel-control.left:hover .prev_nav{
        left: -200px;
    }

    .edgtf-slider-thumbs .carousel-control.right:hover .edgtf-thumb-holder{
        right: 0;
    }

    .carousel:not(.in_progress).edgtf-slider-thumbs .carousel-control.right:hover .next_nav{
        right: -200px;
    }

    .carousel-inner .item.edgtf-animate-image.zoom_center .edgtf-image,
    .carousel-inner .item.edgtf-animate-image.zoom_top_left .edgtf-image,
    .carousel-inner .item.edgtf-animate-image.zoom_top_right .edgtf-image,
    .carousel-inner .item.edgtf-animate-image.zoom_bottom_left .edgtf-image,
    .carousel-inner .item.edgtf-animate-image.zoom_bottom_right .edgtf-image{
        transform: none !important;
        -webkit-transform: none !important;
    }
	.carousel .edgtf-slide-buttons-holder .edgtf-btn.edgtf-btn-icon .edgtf-button-icon-holder {
		font-size: 17px;
	}
}

@include ipad-portrait {
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        margin-left: -15px;
        font-size: 30px;
    }

    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px;
    }
}

@include phone-landscape {
    .carousel-control {
        display: none;
    }
}

@include phone-portrait {
    .carousel .carousel-inner .edgtf-slider-content-outer {
        width: 100% !important;
    }
}

??

??