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

/* ==========================================================================
# Pie Chart With Icon - begin
========================================================================== */

.edgtf-pie-chart-with-icon-holder {
	position: relative;
	display: block;

	.edgtf-percentage-with-icon {
		position: relative;
		display: block;
		height: 145px;
		width: 145px;
		line-height: 145px;
		text-align: center;
		margin: 0 auto;
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transition: opacity .3s ease 0s;
		-moz-transition: opacity .3s ease 0s;
		-o-transition: opacity .3s ease 0s;

		canvas {
			position: absolute;
			top: 0;
			left: 0;
		}

		i,
		span {
			float: none;
			margin: 0;
			color: $first-main-color;
			vertical-align: middle !important;
			display: inline;
		}

		.edgt_icon_font_elegant {
			line-height: inherit;
		}

	}

	.edgtf-pie-chart-text {
		text-align: center;
		margin: 30px 0 0;

		.edgtf-pie-title {
			margin: 0 0 12px;
		}

	}

}

/* ==========================================================================
# Pie Chart With Icon - end
========================================================================== */

??

??