Mercurial > nebulaweb3

comparison default/assets/scss/vendors/bootstrap/utilities/_embed.scss @ 0:1d038bc9b3d2 default tip

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Up:default
author Liny <dev@neowd.com>
date Sat, 31 May 2025 09:21:51 +0800
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:1d038bc9b3d2
1 // Credit: Nicolas Gallagher and SUIT CSS.
2
3 .embed-responsive {
4 position: relative;
5 display: block;
6 width: 100%;
7 padding: 0;
8 overflow: hidden;
9
10 &::before {
11 display: block;
12 content: "";
13 }
14
15 .embed-responsive-item,
16 iframe,
17 embed,
18 object,
19 video {
20 position: absolute;
21 top: 0;
22 bottom: 0;
23 left: 0;
24 width: 100%;
25 height: 100%;
26 border: 0;
27 }
28 }
29
30 .embed-responsive-21by9 {
31 &::before {
32 padding-top: percentage(9 / 21);
33 }
34 }
35
36 .embed-responsive-16by9 {
37 &::before {
38 padding-top: percentage(9 / 16);
39 }
40 }
41
42 .embed-responsive-4by3 {
43 &::before {
44 padding-top: percentage(3 / 4);
45 }
46 }
47
48 .embed-responsive-1by1 {
49 &::before {
50 padding-top: percentage(1 / 1);
51 }
52 }