misp-website/assets/sass/video.scss

25 lines
438 B
SCSS
Raw Normal View History

2017-02-17 16:36:34 +01:00
// Adds support for a video holder
// as per http://webdesignerwall.com/tutorials/css-elastic-videos
.myvideo {
position : relative;
display : block;
width : 30%;
min-width : 200px;
margin : auto;
height : auto;
}
.flex-video {
position : relative;
padding-bottom : 67.5%;
height : 0;
overflow : hidden;
}
.flex-video iframe, .flex-video object, .flex-video embed {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
}