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