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.

16 lines
395 B

7 months ago
  1. // Image Mixins
  2. // - Responsive image
  3. // - Retina image
  4. // Responsive image
  5. //
  6. // Keep images from scaling beyond the width of their parents.
  7. @mixin img-fluid {
  8. // Part 1: Set a maximum relative to the parent
  9. max-width: 100%;
  10. // Part 2: Override the height to auto, otherwise images will be stretched
  11. // when setting a width and height attribute on the img element.
  12. height: auto;
  13. }