diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2023-01-24 12:33:51 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2023-01-24 12:33:51 +0000 |
commit | 3ea39841c8049525e31e9f4d6300f0c60cdb42de (patch) | |
tree | 855de60a8872eafb5911acd303aedcdbfe713a73 /scss/mixins/_image.scss | |
parent | Inital commit. (diff) | |
download | bootstrap-html-4d783e1c546bf6c970705cdad09630440fdea698.tar.xz bootstrap-html-4d783e1c546bf6c970705cdad09630440fdea698.zip |
Adding upstream version 5.2.3+dfsg.upstream/5.2.3+dfsg
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'scss/mixins/_image.scss')
-rw-r--r-- | scss/mixins/_image.scss | 16 |
1 files changed, 16 insertions, 0 deletions
diff --git a/scss/mixins/_image.scss b/scss/mixins/_image.scss new file mode 100644 index 0000000..e1df779 --- /dev/null +++ b/scss/mixins/_image.scss @@ -0,0 +1,16 @@ +// Image Mixins +// - Responsive image +// - Retina image + + +// Responsive image +// +// Keep images from scaling beyond the width of their parents. + +@mixin img-fluid { + // Part 1: Set a maximum relative to the parent + max-width: 100%; + // Part 2: Override the height to auto, otherwise images will be stretched + // when setting a width and height attribute on the img element. + height: auto; +} |