CSS Set aspect ratio for an element

css_aspect_ratios.sass

// This approach is based upon the elements width.

.element {
	position: relative;
	width: 100%;
	display: block;

	&:after {
		display: block;
		content: '';

		/* Square Aspect ratio */
		padding-top: 100%;

		/* 16:9 Aspect Ratio */
		// padding-top: 56.25%;

		/* 4:3 Aspect Ratio */
		// padding-top: 75%;

		/* 3:2 Aspect Ratio */
		// padding-top: 66.66%;

		/* 8:5 Aspect Ratio */
		// padding-top: 62.5%;
	}

}