opdavies/rebuilding-bristol-js
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Move video embed classes

Browse source
This commit is contained in:
Oliver Davies 2020-09-27 19:09:09 +01:00
parent a6ce168d97
commit 97874b7e10
2 changed files with 5 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/assets/css/tailwind.css
View file

@ -12,16 +12,4 @@
@apply transition-colors ease-in-out duration-300; @apply transition-colors ease-in-out duration-300;
@apply hover:bg-blue-550 @apply hover:bg-blue-550
} }
.embed-responsive {
@apply block relative h-0 overflow-hidden aspect-ratio-16/9
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
@apply absolute w-full h-full inset-0 border-0
}
} }

9
src/components/recent-talks/recent-talk.vue
View file

@ -4,10 +4,11 @@
{{ talk.title }} {{ talk.title }}
</div> </div>
<div class="embed-responsive"> <div class="block relative h-0 overflow-hidden aspect-ratio-16/9">
<div class="embed-responsive-item"> <iframe
<iframe :src="`https://www.youtube.com/embed/${talk.videoId}`"/> class="absolute w-full h-full inset-0 border-0"
</div> :src="`https://www.youtube.com/embed/${talk.videoId}`"
/>
</div> </div>
</div> </div>
</template> </template>