Adjusted video styles

This commit is contained in:
2018-06-06 08:01:21 +10:00
parent 03f0dd8dc3
commit c79bbf739d

View File

@ -10,12 +10,7 @@
* Version: * Version:
* 1.0.0 - 2018/05/07 * 1.0.0 - 2018/05/07
*/ */
.o-video { %o-video__media-cover {
position: relative;
&__video {
&.is-full {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
@ -23,10 +18,28 @@
height: 100%; height: 100%;
object-fit:cover; object-fit:cover;
} }
$o-video__loader-z: 1;
$o-video__fallback-z: 0;
.o-video {
position: relative;
&__video {
width: 100%;
&.is-full {
@extend %o-video__media-cover;
}
} }
&__image { &__image {
position: absolute; @extend %o-video__media-cover;
z-index: $o-video__fallback-z;
}
&__loader {
z-index: $o-video__loader-z;
} }
} }