opdavies/oliverdavies.uk
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Make video class not talk specific

Browse source
This commit is contained in:
Oliver Davies 2019-05-30 23:05:39 +01:00
parent e36755013d
commit 969dc5e17e
3 changed files with 7 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
resources/css/app.css
View file

@ -47,8 +47,8 @@ p.lead {
@import 'components/button.css'; @import 'components/button.css';
@import 'components/markup.css'; @import 'components/markup.css';
@import 'components/note.css'; @import 'components/note.css';
@import 'components/talks/video.css';
@import 'components/table.css'; @import 'components/table.css';
@import 'components/video.css';
@import 'components/widget.css'; @import 'components/widget.css';
@tailwind utilities; @tailwind utilities;

5
resources/css/components/talks/video.css → resources/css/components/video.css
View file

@ -1,4 +1,7 @@
.talk-video { .video-full {
@apply w-full relative;
padding-top: 56.25%;
iframe, iframe,
embed { embed {
@apply absolute h-full left-0 top-0 w-full @apply absolute h-full left-0 top-0 w-full

4
source/_partials/talk/video.html.twig
View file

@ -1,8 +1,8 @@
{% if page.youtube.id or page.vimeo.id %} {% if page.youtube.id or page.vimeo.id %}
<div class="talk-video mt-4"> <div class="mt-4">
<h2 class="mb-2">Video</h2> <h2 class="mb-2">Video</h2>
<div class="w-full relative" style="padding-top: 56.25%"> <div class="video-full">
{% if page.youtube.id %} {% if page.youtube.id %}
<iframe <iframe
width="678" width="678"