Project Lima pattern lib

Components - Embeds: 16 By 9 

<div class="b-embed b-embed--16by9">
    <iframe src="https://www.youtube.com/embed/jPEYpryMp2s?rel=0&amp;showinfo=0" allowfullscreen></iframe>
</div>
 
<div class="b-embed{{ modifier }}">
    <iframe src="https://www.youtube.com/embed/jPEYpryMp2s?rel=0&amp;showinfo=0" allowfullscreen></iframe>
</div>
 
{
  "name": null,
  "modifier": " b-embed--16by9",
  "title": "16:9"
}

There is no default for this component, you have to supply a modifier. Modifiers will give the component height, also making it responsive.