Fix talk video
This commit is contained in:
parent
9b5a8f1a1c
commit
d3434207f1
|
@ -1,9 +1,13 @@
|
||||||
.talk-video { padding-top: 56.25% }
|
.talk-video {
|
||||||
|
@apply .relative .w-full;
|
||||||
|
padding-top: 56.25%
|
||||||
|
}
|
||||||
|
|
||||||
.talk-video iframe,
|
.talk-video iframe,
|
||||||
.talk-video embed {
|
.talk-video embed {
|
||||||
@apply .absolute;
|
@apply .absolute;
|
||||||
@apply .pin-l;
|
@apply .pin-l;
|
||||||
@apply .pin-t;
|
@apply .pin-t;
|
||||||
|
@apply .h-full;
|
||||||
@apply .w-full;
|
@apply .w-full;
|
||||||
}
|
}
|
|
@ -1,8 +1,8 @@
|
||||||
{% if page.video.embed %}
|
{% if page.video.embed %}
|
||||||
<div class="mt2">
|
<div class="mt-4">
|
||||||
<h2>Video</h2>
|
<h2>Video</h2>
|
||||||
|
|
||||||
<div class="video w-100 pa0 relative">
|
<div class="talk-video">
|
||||||
{{ page.video.embed|raw }}
|
{{ page.video.embed|raw }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Reference in a new issue