No Description
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.

_embed.scss 727B

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