You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

40 lines
601 B

  1. // Credit: Nicolas Gallagher and SUIT CSS.
  2. .embed-responsive {
  3. position: relative;
  4. display: block;
  5. height: 0;
  6. padding: 0;
  7. overflow: hidden;
  8. .embed-responsive-item,
  9. iframe,
  10. embed,
  11. object,
  12. video {
  13. position: absolute;
  14. top: 0;
  15. bottom: 0;
  16. left: 0;
  17. width: 100%;
  18. height: 100%;
  19. border: 0;
  20. }
  21. }
  22. .embed-responsive-21by9 {
  23. padding-bottom: percentage(9 / 21);
  24. }
  25. .embed-responsive-16by9 {
  26. padding-bottom: percentage(9 / 16);
  27. }
  28. .embed-responsive-4by3 {
  29. padding-bottom: percentage(3 / 4);
  30. }
  31. .embed-responsive-1by1 {
  32. padding-bottom: percentage(1 / 1);
  33. }