?? 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: _zooming-slider.scss

/*  =========================================================================
	Start of Zooming Slider shortcode
=============================================================================*/

.edgtf-zooming-slider{
	width: 35.5%;
    display:none;
	margin:32px auto 0; /* 32px because of icon holder */
	
	.edgtf-zooming-slider-slide{		
		-webkit-transition:-webkit-transform .5s ease-in;
		transition:transform .5s ease-in;
		border-radius:6px;
		// fix for infinite loop
			&.active{
				.edgtf-zooming-slider-shader{
					opacity:0!important;
				}
			}
	}
	
	.edgtf-zooming-slider-slide-inner{
		position:relative;
		padding: 65px 25px 55px 25px;
		color:#fff;
	}

	.owl-item.active{
		
		.edgtf-zooming-slider-shader{
			opacity:0;
		}

	}
	.owl-item:not(.active){

		.edgtf-zooming-slider-slide:not(.active){
		    -webkit-transform:scale(0.8);
			transform:scale(0.8);
		}
	    .edgtf-zooming-slider-shader{
	    	background:#f0f0f0;
			opacity:1;
			border-radius:6px;
		}
		/* fix for border-radius on image - few pixels visible behind background colors */
		.edgtf-zooming-slider-slide{
	    	background-position:0 5px!important;
		}
		.edgtf-zooming-slider-slide.active{
		   background-position:0 0!important;
		}
	}

	&.owl-carousel {
		.owl-stage-outer{
			overflow:visible;
		}
	}
	
	.edgtf-zooming-slider-shader{
		position:absolute;
		width:100%;
		height:100%;
		-webkit-transition:opacity .5s ease-in;
		transition:opacity .5s ease-in;
	}

	.edgtf-zooming-slider-icon-holder{
	    display: inline-block;
	    width: 64px;
	    height: 64px;
	    position: absolute;
	    top: -32px;
	    left: 0;
	    right: 0;
	    margin: 0 auto;
	    border-radius: 50%;
	    font-size:30px;
		text-align:center;
	    background-color: $first-main-color;
	}
	
	.edgtf-zooming-slider-icon-holder i,
	.edgtf-zooming-slider-icon-holder span{
		display:inline-block;
		position:absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
	}

	.owl-dots{
		margin-top:20px;
	}

	.owl-dot{
	    display:inline-block;
	}
	.owl-dot span{
	    display: inline-block;
	    width: 5px;
	    height: 5px;
	    margin: 0 9px;
	    background-color: #333;
	}

	.owl-dot.active span{
	    background-color:$first-main-color;
	}

	.edgtf-zooming-slider-slide-inner p{
	    -webkit-backface-visibility:hidden;
	}	

	.owl-item.active *{
	    border-color:#fff!important;
	    color:#fff!important;    
	}	
}

.edgtf-zooming-slider-wrapper{
	overflow:hidden;
}

.edgtf-zooming-slider{
	overflow:visible;
}


/*  =========================================================================
	End of Zooming Slider shortcode
=============================================================================*/

??

??