From 86bb29b4d378314bd906248e08198c1952d2f0a4 Mon Sep 17 00:00:00 2001 From: Matthew Lemon Date: Mon, 16 Sep 2024 17:12:15 +0100 Subject: Upgrade to bootstrap 5.3 --- pyblackbird_cc/static/scss/mixins/_image.scss | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) create mode 100644 pyblackbird_cc/static/scss/mixins/_image.scss (limited to 'pyblackbird_cc/static/scss/mixins/_image.scss') diff --git a/pyblackbird_cc/static/scss/mixins/_image.scss b/pyblackbird_cc/static/scss/mixins/_image.scss new file mode 100644 index 0000000..e1df779 --- /dev/null +++ b/pyblackbird_cc/static/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; +} -- cgit v1.2.3