_image.scss 395 B

12345678910111213141516
  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. }