48 lines
779 B
SCSS
48 lines
779 B
SCSS
/*
|
|
* Video Title
|
|
* Video title.
|
|
*
|
|
* Dependencies:
|
|
* styles/settings/responsive.scss
|
|
* styles/tools/_responsive.scss
|
|
* styles/tools/_mixin.absolute-centering.scss
|
|
*
|
|
* Version:
|
|
* 1.0.0 - 2018/03/18
|
|
*/
|
|
.o-video-title {
|
|
width: 100%;
|
|
position: relative;
|
|
line-height: 0;
|
|
display: block;
|
|
}
|
|
|
|
.o-video-title__video {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
object-position: center;
|
|
}
|
|
|
|
.o-video-title__heading {
|
|
color: white;
|
|
z-index: 10;
|
|
position: relative;
|
|
margin: 0;
|
|
padding: 2em 0.5em;
|
|
font-size: 2em;
|
|
}
|
|
|
|
@include t-media-query($s-xsmall-up) {
|
|
.o-video-title__video {
|
|
position: relative;
|
|
}
|
|
|
|
.o-video-title__heading {
|
|
@include t-absolute-center-y();
|
|
left: 5%;
|
|
padding: 0;
|
|
}
|
|
}
|