?? 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: _background-revealing-holder.scss

/* ==========================================================================
   Background Revealing Holder start style
   ========================================================================== */
.edgtf-curtain-holder {
	position: relative;
	background: transparent center center no-repeat;
	background-size: cover;
	overflow: hidden;
	border: 2px solid $default-border-color;
	box-sizing: border-box;

	.edgtf-curtain-holder-content {
		position: relative;
		padding: 30px 45px;
	}

	.edgtf-curtains {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.edgtf-curtain {
		position: absolute;
	}

	.edgtf-curtain-top{
		top: 0;
		left: 0;
		width: 100%;
		height: 0;
	}

	.edgtf-curtain-bottom{
		bottom: 0;
		left: 0;
		width: 100%;
		height: 0;
	}

	.edgtf-curtain-left{
		top: 0;
		left: 0;
		width: 0;
		height: 100%;
	}

	.edgtf-curtain-right{
		top: 0;
		right: 0;
		width: 0;
		height: 100%;
	}

	.edgtf-curtain-top,
	.edgtf-curtain-bottom,
	.edgtf-curtain-left,
	.edgtf-curtain-right{

		&.edgtf-pulled{
			width: 100%;
			height: 100%;
		}
	}
}

/* ==========================================================================
   End of Background Revealing Holder style
   ========================================================================== */

??

??