File: responsive-embed.less

package info (click to toggle)
mkvtoolnix 74.0.0-1
  • links: PTS
  • area: main
  • in suites: bookworm
  • size: 55,444 kB
  • sloc: cpp: 209,827; ruby: 11,193; xml: 7,963; ansic: 7,922; sh: 4,769; python: 1,104; perl: 191; makefile: 111; awk: 16; javascript: 2
file content (35 lines) | stat: -rw-r--r-- 546 bytes parent folder | download | duplicates (27) 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
 
// Embeds responsive
//
// Credit: Nicolas Gallagher and SUIT CSS.

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;

  .embed-responsive-item,
  iframe,
  embed,
  object,
  video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0;
  }
}

// Modifier class for 16:9 aspect ratio
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

// Modifier class for 4:3 aspect ratio
.embed-responsive-4by3 {
  padding-bottom: 75%;
}