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

32 lines
489 B
SCSS

.video-container {
position: relative;
padding-bottom: 63.15%;
height: 0;
overflow: hidden;
box-shadow: -3px 3px 10px #000000ba;
margin-right: -18px;
margin-left: -18px;
@include atSmall {
padding-bottom: 60%;
}
@include atMedium {
padding-bottom: 59%;
}
@include atLarge {
padding-bottom: 54.5%;
margin-right: 0px;
margin-left: 0px;
}
}
.video-container video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}