diff options
Diffstat (limited to 'pyblackbird_cc/static/scss/mixins/_image.scss')
-rw-r--r-- | pyblackbird_cc/static/scss/mixins/_image.scss | 16 |
1 files changed, 16 insertions, 0 deletions
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; +} |