Blame view

frontend/web/css/node_modules/bootstrap/less/responsive-embed.less 581 Bytes
3da83322   Administrator   21.03.16 Versrka
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%;

  }