Embed

A container component for wrapping embeded media content in order to make them responsive.

embed

<div class="embed">
  <iframe class="embed__item" ...></iframe>
</div>

embed_ratio

Some media require different aspect ratios. In these cases there are a few modifiers for common ratios.

<div class="embed embed_ratio_16x9">
  <iframe class="embed__item" ...></iframe>
</div>

<div class="embed embed_ratio_4x3">
  <iframe class="embed__item" ...></iframe>
</div>

<div class="embed embed_ratio_3x2">
  <iframe class="embed__item" ...></iframe>
</div>