responsive-embed.less 564 B

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