doc/_themes/odoodoc/static/bootstrap/less/responsive-embed.less

   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     position: absolute;
  17     top: 0;
  18     left: 0;
  19     bottom: 0;
  20     height: 100%;
  21     width: 100%;
  22     border: 0;
  23   }
  24
  25   // Modifier class for 16:9 aspect ratio
  26   &.embed-responsive-16by9 {
  27     padding-bottom: 56.25%;
  28   }
  29
  30   // Modifier class for 4:3 aspect ratio
  31   &.embed-responsive-4by3 {
  32     padding-bottom: 75%;
  33   }
  34 }