pwarren
/
zmk_mf68
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
docs/docs/feature/underglow.md
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. 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 ## Enabling RGB Underglow

18
docs/src/css/custom.css
View File

@ -23,3 +23,21 @@
margin: 0 calc(-1 * var(--ifm-pre-padding)); margin: 0 calc(-1 * var(--ifm-pre-padding));
padding: 0 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%;
}