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

/* ==========================================================================
# Clients style - begin
========================================================================== */
.edgtf-clients {
	
	.edgtf-client-holder {
		float: left;
		text-align: center;
		margin-bottom: 0;

		.edgtf-client-holder-inner {
			position: relative;
			margin: 0;
		}
		a{
			display: inline-block;
			vertical-align: middle;
			max-width: 100%;
			line-height: 0;
			@include edgtfTransition(opacity 0.15s ease-out);
			position: relative;
			overflow: hidden;
		}

		&.edgtf-hover-opacity a:hover {
			opacity: 0.4;
		}
		.edgtf-client-image{
			position: relative;
			display: block;
		}
		.edgtf-client-hover-image{
			position: absolute;
			top: 0;
			left: 0;
			display: block;
		}

		&.edgtf-clients-roll-over {
			.edgtf-client-hover-image,
			.edgtf-client-image {
				-webkit-transition: -webkit-transform .22s cubic-bezier(0.6,-0.28,0.26,0.99);
				transition: transform .22s cubic-bezier(0.6,-0.28,0.26,0.99);
			}
			.edgtf-client-hover-image{
				@include edgtfTransform(translateY(-100%));
			}
			a:hover .edgtf-client-hover-image{
				@include edgtfTransform(translateY(0%));
			}
			a:hover .edgtf-client-image{
				@include edgtfTransform(translateY(100%));
			}
		}

		&.edgtf-clients-fade {
			.edgtf-client-hover-image,
			.edgtf-client-image {
				@include edgtfTransition(opacity .3s ease-in-out);
			}
			.edgtf-client-hover-image{
				opacity: 0;
			}
			a:hover .edgtf-client-hover-image{
				opacity: 1;
			}
			a:hover .edgtf-client-image{
				opacity: 0;
			}
		}
	}

	&.edgtf-clients-two-columns {
		.edgtf-client-holder {
			width: 50%;
		}
	}
	&.edgtf-clients-three-columns {
		.edgtf-client-holder {
			width: 33.33%;
		}
	}

	&.edgtf-clients-four-columns {
		.edgtf-client-holder {
			width: 25%;
		}
	}
	&.edgtf-clients-five-columns {
		.edgtf-client-holder {
			width: 20%;
		}
	}

	.edgtf-clients-six-columns {
		.edgtf-client-holder {
			width: 16.66%;
		}
	}


	.edgtf-client-image-holder{
		padding: 20px 0;
	}


}
/* ==========================================================================
# Clients style - end
========================================================================== */

??

??