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

/* ==========================================================================
   SVG Icons start style
   ========================================================================== */

.edgtf-svg-icons-text-holder {
	position:relative;
	cursor:default;
	@include edgtfBoxSizing(border-box);
	@include ipad-portrait {
		margin-bottom: 50px;
	}

	&:hover svg {
		stroke: $first-main-color !important;
	}

	text-align: center;

	.edgtf-svg-icons {
		position: relative;
		opacity: 0;
		@include edgtfTransition(all .5s ease .1s);

		svg {
			stroke: $default-text-color;
			vertical-align: middle;
			height: 55px;
			width: auto;
			@include edgtfTransition(stroke .2s ease-out .1s);
		}

		path {
			fill: none;
			stroke: inherit;
			stroke-width: 3;
			stroke-miterlimit: 10;
		}

		&.edgtf-svg-icons-on {
			opacity: 1;
		}

	}

	&.edgtf-upward-animation:hover .edgtf-svg-icons {

		@include edgtfTransform(translateY(-15px));

	}

	.edgtf-svg-text {
		margin-top: 10px;
		position: absolute;
		top: 100%;
		left: 50%;
		opacity: 0;
		@include edgtfTransform(translateX(-50%));
		-webkit-transition: -webkit-transform .2s ease-out, opacity .35s ease;
		transition: transform .2s ease-out, opacity .35s ease;
		width: 100%;
		-webkit-backface-visibility:hidden;
	}

	 &.edgtf-upward-animation:hover .edgtf-svg-text {
		@include edgtfTransform(translate(-50%, -15px));
		opacity: 1;
	}

}
.touch .edgtf-svg-icons-text-holder .edgtf-svg-icons {
	opacity: 1 !important;
}

/* ==========================================================================
   End of SVG Icons style
   ========================================================================== */

??

??