Ratio
Lets you create boxes that maintain proportional dimensions where the height and width of a box are calculated
Usage
Add ratio-* class to block or inline block element.
<div class="ratio-16/9">
// Your content
</div>
Classes
| Class | Value |
|---|---|
ratio-21/9 | |
ratio-16/9 | |
ratio-4/3 | |
ratio-1/1 |
Add
@s,@m, or@lsuffix to support breakpoints