ffffng/app/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_responsive-embed.scss

36 lines
546 B
SCSS
Raw Permalink Normal View History

2014-05-12 20:08:19 +02:00
// Embeds responsive
//
// Credit: Nicolas Gallagher and SUIT CSS.
.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
.embed-responsive-item,
iframe,
embed,
2016-05-16 13:33:49 +02:00
object,
video {
2014-05-12 20:08:19 +02:00
position: absolute;
top: 0;
bottom: 0;
2019-03-29 22:00:08 +01:00
left: 0;
2014-05-12 20:08:19 +02:00
width: 100%;
2019-03-29 22:00:08 +01:00
height: 100%;
2014-05-12 20:08:19 +02:00
border: 0;
}
2016-05-16 13:33:49 +02:00
}
2014-05-12 20:08:19 +02:00
2016-05-16 13:33:49 +02:00
// Modifier class for 16:9 aspect ratio
.embed-responsive-16by9 {
padding-bottom: 56.25%;
}
2014-05-12 20:08:19 +02:00
2016-05-16 13:33:49 +02:00
// Modifier class for 4:3 aspect ratio
.embed-responsive-4by3 {
padding-bottom: 75%;
2014-05-12 20:08:19 +02:00
}