| // 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, | |
| object, | |
| video { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| bottom: 0; | |
| height: 100%; | |
| width: 100%; | |
| border: 0; | |
| } | |
| } | |
| // Modifier class for 16:9 aspect ratio | |
| .embed-responsive-16by9 { | |
| padding-bottom: 56.25%; | |
| } | |
| // Modifier class for 4:3 aspect ratio | |
| .embed-responsive-4by3 { | |
| padding-bottom: 75%; | |
| } |