biobulkbende.org/app/assets/scss/modules/_video-container.scss

33 lines
444 B
SCSS
Raw Normal View History

2020-09-30 16:51:32 +00:00
.video-container {
position:relative;
2020-10-15 20:35:24 +00:00
padding-bottom:63.15%;
2020-09-30 16:51:32 +00:00
height:0;
overflow:hidden;
box-shadow: -3px 3px 10px #000000ba;
margin-right: -18px;
margin-left: -18px;
2020-10-07 14:19:57 +00:00
@include atSmall{
padding-bottom:60%;
}
@include atMedium{
padding-bottom:59%;
}
2020-09-30 16:51:32 +00:00
@include atLarge{
2020-10-07 14:19:57 +00:00
padding-bottom:56.25%;
margin-right: 0px;
2020-09-30 16:51:32 +00:00
margin-left: 0px;
}
}
2020-10-07 14:19:57 +00:00
.video-container video{
2020-09-30 16:51:32 +00:00
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}