//
// MIXINS
// --------------------------------------------------


//=== LAYOUT ===//
.clearfix() {
	&:before,
	&:after {
		content: " "; // 1
		display: table; // 2
	}
	&:after {
		clear: both;
	}
}

.pseudo-content() {
	content: ' ';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
}

.center-translate(vh) {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}


//=== EFFECTS ===//

// Main transition setting
.transition( @prop: all; @time: 0.2s; @easing: ease-out ) {
	transition: @prop @time @easing;
}