Mercurial > nebulaweb3

annotate 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
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
0
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
1 // Credit: Nicolas Gallagher and SUIT CSS.
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
2
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
3 .embed-responsive {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
4 position: relative;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
5 display: block;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
6 width: 100%;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
7 padding: 0;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
8 overflow: hidden;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
9
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
10 &::before {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
11 display: block;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
12 content: "";
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
13 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
14
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
15 .embed-responsive-item,
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
16 iframe,
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
17 embed,
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
18 object,
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
19 video {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
20 position: absolute;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
21 top: 0;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
22 bottom: 0;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
23 left: 0;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
24 width: 100%;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
25 height: 100%;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
26 border: 0;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
27 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
28 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
29
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
30 .embed-responsive-21by9 {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
31 &::before {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
32 padding-top: percentage(9 / 21);
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
33 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
34 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
35
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
36 .embed-responsive-16by9 {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
37 &::before {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
38 padding-top: percentage(9 / 16);
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
39 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
40 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
41
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
42 .embed-responsive-4by3 {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
43 &::before {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
44 padding-top: percentage(3 / 4);
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
45 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
46 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
47
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
48 .embed-responsive-1by1 {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
49 &::before {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
50 padding-top: percentage(1 / 1);
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
51 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
52 }