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


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

// Center-align a block level element
.center-block() {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

// Position - Center (top/left + translate)
.center-translate(v) {
	top: 50%;
	transform: translateY(-50%);
}

.center-translate(h) {
	left: 50%;
	transform: translateX(-50%);
}


//=== EFFECTS ===//

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

//=== TEXT ===//