YourWishes/domsPlace
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Adjusted video styles

Browse Source
This commit is contained in:
Dominic Masters
2018-06-06 08:01:21 +10:00
parent 03f0dd8dc3
commit c79bbf739d
1 changed files with 20 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
public/styles/objects/_video.scss
View File

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