blame: source/misc/embedded_libs/fmt-8.1.1/doc/bootstrap/responsive-embed.less
| f8deb5b9 | Poul Sander | 2022-01-15 13:55 | 1 | // Embeds responsive |
| f8deb5b9 | Poul Sander | 2022-01-15 13:55 | 2 | // |
| f8deb5b9 | Poul Sander | 2022-01-15 13:55 | 3 | // Credit: Nicolas Gallagher and SUIT CSS. |
| f8deb5b9 | Poul Sander | 2022-01-15 13:55 | 4 | |
| f8deb5b9 | Poul Sander | 2022-01-15 13:55 | 5 | .embed-responsive { |
| f8deb5b9 | Poul Sander | 2022-01-15 13:55 | 6 | position: relative; |
| f8deb5b9 | Poul Sander | 2022-01-15 13:55 | 7 | display: block; |
| f8deb5b9 | Poul Sander | 2022-01-15 13:55 | 8 | height: 0; |
| f8deb5b9 | Poul Sander | 2022-01-15 13:55 | 9 | padding: 0; |
| f8deb5b9 | Poul Sander | 2022-01-15 13:55 | 10 | overflow: hidden; |
| f8deb5b9 | Poul Sander | 2022-01-15 13:55 | 11 | |
| f8deb5b9 | Poul Sander | 2022-01-15 13:55 | 12 | .embed-responsive-item, |
| f8deb5b9 | Poul Sander | 2022-01-15 13:55 | 13 | iframe, |
| f8deb5b9 | Poul Sander | 2022-01-15 13:55 | 14 | embed, |
| f8deb5b9 | Poul Sander | 2022-01-15 13:55 | 15 | object, |
| f8deb5b9 | Poul Sander | 2022-01-15 13:55 | 16 | video { |
| f8deb5b9 | Poul Sander | 2022-01-15 13:55 | 17 | position: absolute; |
| f8deb5b9 | Poul Sander | 2022-01-15 13:55 | 18 | top: 0; |
| f8deb5b9 | Poul Sander | 2022-01-15 13:55 | 19 | left: 0; |
| f8deb5b9 | Poul Sander | 2022-01-15 13:55 | 20 | bottom: 0; |
| f8deb5b9 | Poul Sander | 2022-01-15 13:55 | 21 | height: 100%; |
| f8deb5b9 | Poul Sander | 2022-01-15 13:55 | 22 | width: 100%; |
| f8deb5b9 | Poul Sander | 2022-01-15 13:55 | 23 | border: 0; |
| f8deb5b9 | Poul Sander | 2022-01-15 13:55 | 24 | } |
| f8deb5b9 | Poul Sander | 2022-01-15 13:55 | 25 | } |
| f8deb5b9 | Poul Sander | 2022-01-15 13:55 | 26 | |
| f8deb5b9 | Poul Sander | 2022-01-15 13:55 | 27 | // Modifier class for 16:9 aspect ratio |
| f8deb5b9 | Poul Sander | 2022-01-15 13:55 | 28 | .embed-responsive-16by9 { |
| f8deb5b9 | Poul Sander | 2022-01-15 13:55 | 29 | padding-bottom: 56.25%; |
| f8deb5b9 | Poul Sander | 2022-01-15 13:55 | 30 | } |
| f8deb5b9 | Poul Sander | 2022-01-15 13:55 | 31 | |
| f8deb5b9 | Poul Sander | 2022-01-15 13:55 | 32 | // Modifier class for 4:3 aspect ratio |
| f8deb5b9 | Poul Sander | 2022-01-15 13:55 | 33 | .embed-responsive-4by3 { |
| f8deb5b9 | Poul Sander | 2022-01-15 13:55 | 34 | padding-bottom: 75%; |
| f8deb5b9 | Poul Sander | 2022-01-15 13:55 | 35 | } |
| 1970-01-01 00:00 | 36 |