_responsive-embed.scss 546 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. }
  24. // Modifier class for 16:9 aspect ratio
  25. .embed-responsive-16by9 {
  26. padding-bottom: 56.25%;
  27. }
  28. // Modifier class for 4:3 aspect ratio
  29. .embed-responsive-4by3 {
  30. padding-bottom: 75%;
  31. }