responsive-embed.less 555 B

12345678910111213141516171819202122232425262728293031323334
  1. // Embeds responsive
  2. //
  3. // Credit: Nicolas Gallagher and SUIT CSS.
  4. .embed-responsive {
  5. position: relative;
  6. display: block;
  7. height: 0;
  8. padding: 0;
  9. overflow: hidden;
  10. .embed-responsive-item,
  11. iframe,
  12. embed,
  13. object {
  14. position: absolute;
  15. top: 0;
  16. left: 0;
  17. bottom: 0;
  18. height: 100%;
  19. width: 100%;
  20. border: 0;
  21. }
  22. // Modifier class for 16:9 aspect ratio
  23. &.embed-responsive-16by9 {
  24. padding-bottom: 56.25%;
  25. }
  26. // Modifier class for 4:3 aspect ratio
  27. &.embed-responsive-4by3 {
  28. padding-bottom: 75%;
  29. }
  30. }