Aspect Ratio
Adds an aspect ratio to an element.
Aspect Ratio
Usage
/* Format */
.u-aspect-ratio--{pair} {}
/* Examples & modifiers */
.u-aspect-ratio--1-1 {}
.u-aspect-ratio--16-9 {}
.u-aspect-ratio--9-16 {}
.u-aspect-ratio--4-3 {}
.u-aspect-ratio--21-9 {}| Modifier | Values | Description |
|---|---|---|
|
pair
|
1-1, 16-9, 9-16, 4-3, 21-9 | Adds an aspect ratio to an element. |
Preview
Preview