_images.scss 465 B

12345678910111213141516171819
  1. .img-responsive {
  2. --#{$prefix}img-responsive-ratio: #{percentage(.75)};
  3. background: no-repeat center/cover;
  4. padding-top: var(--#{$prefix}img-responsive-ratio);
  5. }
  6. .img-responsive-grid {
  7. padding-top: calc(var(--#{$prefix}img-responsive-ratio) - calc(var(--#{$prefix}gutter-y) / 2));
  8. }
  9. @each $key, $ratio in $aspect-ratios {
  10. .img-responsive-#{$key} {
  11. --#{$prefix}img-responsive-ratio: #{$ratio};
  12. }
  13. }
  14. .img-bg {
  15. background: no-repeat center/cover;
  16. }