Maintain aspect ratios of elements or embeds.

:choco-info: Reference Bootstrap

Choco-theme respects all Bootstrap Ratio documentation.

Aspect Ratios

Sass Map

Add to the map below to generate additional aspect ratios. This map is found in choco-theme/scss/variables/_global.scss.

$aspect-ratios: (
    "1x1": 100%,
    "4x3": calc(3 / 4 * 100%),
    "16x9": calc(9 / 16 * 100%),
    "21x9": calc(9 / 21 * 100%),
    "700x506": calc(506 / 700 * 100%),
    "1200x630": calc(630 / 1200 * 100%)
);