Styleguide

O-Embed: Default 

<div class="a-oembed"><iframe title="50 Jahre Frauenstimmrecht – Pia Hollenstein" width="790" height="444" src="https://www.youtube.com/embed/mAXFl-VRcj0?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div>
 
<div class="a-oembed">{{{ oembed }}}</div>
  • Content: 
    .a-oembed {
	margin-top: 1.5em;
	margin-bottom: 1.5em;

	&--youtube,
	&--vimeo {
		position: relative;
		padding-bottom: 56.25%;
		overflow: hidden;
		max-width: 100%;
		height: auto;

		iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
	}
}
  • URL: /components/raw/a-oembed/_a-oembed.scss
  • Filesystem Path: styleguide/src/components/atoms/a-oembed/_a-oembed.scss
  • Size: 284 Bytes 
{
  "oembed": "<iframe title=\"50 Jahre Frauenstimmrecht – Pia Hollenstein\" width=\"790\" height=\"444\" src=\"https://www.youtube.com/embed/mAXFl-VRcj0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\"></iframe>",
  "modifiers": [
    "youtube"
  ]
}

No notes defined.