Mercurial > minori
comparison dep/fmt/doc/bootstrap/responsive-embed.less @ 343:1faa72660932
*: transfer back to cmake from autotools
autotools just made lots of things more complicated than
they should have and many things broke (i.e. translations)
| author | Paper <paper@paper.us.eu.org> |
|---|---|
| date | Thu, 20 Jun 2024 05:56:06 -0400 |
| parents | |
| children |
comparison
equal
deleted
inserted
replaced
| 342:adb79bdde329 | 343:1faa72660932 |
|---|---|
| 1 // Embeds responsive | |
| 2 // | |
| 3 // Credit: Nicolas Gallagher and SUIT CSS. | |
| 4 | |
| 5 .embed-responsive { | |
| 6 position: relative; | |
| 7 display: block; | |
| 8 height: 0; | |
| 9 padding: 0; | |
| 10 overflow: hidden; | |
| 11 | |
| 12 .embed-responsive-item, | |
| 13 iframe, | |
| 14 embed, | |
| 15 object, | |
| 16 video { | |
| 17 position: absolute; | |
| 18 top: 0; | |
| 19 left: 0; | |
| 20 bottom: 0; | |
| 21 height: 100%; | |
| 22 width: 100%; | |
| 23 border: 0; | |
| 24 } | |
| 25 } | |
| 26 | |
| 27 // Modifier class for 16:9 aspect ratio | |
| 28 .embed-responsive-16by9 { | |
| 29 padding-bottom: 56.25%; | |
| 30 } | |
| 31 | |
| 32 // Modifier class for 4:3 aspect ratio | |
| 33 .embed-responsive-4by3 { | |
| 34 padding-bottom: 75%; | |
| 35 } |