feat(uti): Move directory
[csit.git] / csit.infra.dash / app / pal / static / sass / bootstrap / mixins / _image.scss
1 // Image Mixins
2 // - Responsive image
3 // - Retina image
4
5
6 // Responsive image
7 //
8 // Keep images from scaling beyond the width of their parents.
9
10 @mixin img-fluid {
11   // Part 1: Set a maximum relative to the parent
12   max-width: 100%;
13   // Part 2: Override the height to auto, otherwise images will be stretched
14   // when setting a width and height attribute on the img element.
15   height: auto;
16 }