source: trip-planner-front/node_modules/bootstrap/less/responsive-embed.less@ 6a80231

Last change on this file since 6a80231 was fa375fe, checked in by Ema <ema_spirova@…>, 3 years ago

adding new components

  • Property mode set to 100644
File size: 546 bytes
Line 
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 bottom: 0;
20 left: 0;
21 width: 100%;
22 height: 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}
Note: See TracBrowser for help on using the repository browser.