Fix video container size

This commit is contained in:
Nick 2020-08-08 19:10:10 -05:00
parent 8d3ac00f31
commit fd77fdb63d
2 changed files with 21 additions and 1 deletions

View file

@ -15,7 +15,9 @@ Of the compatible types, the WS2812 LED family is by far the most popular type.
Here you can see the RGB underglow feature in action using WS2812 LEDs.
<iframe src="//www.youtube.com/embed/2KJkq8ssDU0" frameborder="0" allowfullscreen width="100%"></iframe>
<figure class="video-container">
<iframe src="//www.youtube.com/embed/2KJkq8ssDU0" frameborder="0" allowfullscreen width="100%"></iframe>
</figure>
## Enabling RGB Underglow

View file

@ -23,3 +23,21 @@
margin: 0 calc(-1 * var(--ifm-pre-padding));
padding: 0 var(--ifm-pre-padding);
}
.video-container {
height: 0;
margin: 0;
margin-bottom: 30px;
overflow: hidden;
padding-bottom: 56.25%;
padding-top: 30px;
position: relative;
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}