logo

searx

My custom branche(s) on searx, a meta-search engine git clone https://hacktivis.me/git/searx.git

responsive-embed.less (555B)

    

  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. }