//------------------------------------------------------------------------------------------------
// HEIGHTS
//------------------------------------------------------------------------------------------------

/*
Utility classes for manipulating element heights
*/

// CLASSES
//------------------------------------------------------------------------------------------------

.u-height-viewport {
	height: 100vh !important;
}

.u-height-full {
	height: 100% !important;
}

// Keeps the height in proportation to the width (aka: square)
.u-height-square {
	display: flex;
	&:after {
		content: '' !important;
		display: block !important;
		padding-bottom: 100% !important;
	}
}