Ting Chan / palertx_web

Blame view

assets/plugins/weather-icons-master/_docs/less/bootstrap/responsive-embed.less 546 Bytes
edit raw normal view history
cf76164e6   Ting Chan   20190709 
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%;
  }