Fix talk slides

This commit is contained in:
Oliver Davies 2017-11-19 19:52:01 +00:00
parent 0ffbcf2cae
commit 5a8028f7ba
2 changed files with 25 additions and 15 deletions

View file

@ -1,22 +1,32 @@
.video { padding-top: 56.25% } .talk-video { padding-top: 56.25% }
.video iframe, .talk-video iframe,
.video embed { .talk-video embed {
@apply .absolute; @apply .absolute;
@apply .pin-l; @apply .pin-l;
@apply .pin-t; @apply .pin-t;
@apply .w-full; @apply .w-full;
} }
// .slides { .talk-slides {
// background-image: url('../images/loading.gif'); background: url('../images/loading.gif') center no-repeat;
// min-height: 275px; min-height: 275px;
}
// @media @breakpoint-medium { @screen md {
// min-height: 460px; .talk-slides {
// } min-height: 375px;
}
}
// @media @breakpoint-large { @screen lg {
// min-height: 540px; .talk-slides {
// } min-height: 450px;
// } }
}
@screen xl {
.talk-slides {
min-height: 560px;
}
}

View file

@ -1,8 +1,8 @@
{% if page.slides.embed %} {% if page.slides.embed %}
<div class="mt-8"> <div class="mt-4">
<h2>Slides</h2> <h2>Slides</h2>
<div> <div class="talk-slides">
{{ page.slides.embed|raw }} {{ page.slides.embed|raw }}
</div> </div>
</div> </div>