From 2a17711274fc7e2d5cfd5e062ca736dcb8a866a3 Mon Sep 17 00:00:00 2001
From: Pierre-Louis Peeters <pierrelouis.peeters@gmail.com>
Date: Sat, 28 Feb 2015 22:48:20 +0100
Subject: [PATCH] Fix image deformation when using fluid or size classes

---
 src/definitions/elements/image.less | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/definitions/elements/image.less b/src/definitions/elements/image.less
index 73830eb19..7d73c1435 100755
--- a/src/definitions/elements/image.less
+++ b/src/definitions/elements/image.less
@@ -159,6 +159,7 @@ img.ui.bordered.image {
 .ui.fluid.image img {
   display: block;
   width: 100%;
+  height: auto;
 }
 
 
@@ -223,6 +224,7 @@ img.ui.bordered.image {
 .ui.mini.images svg,
 .ui.mini.image {
   width: @miniWidth;
+  height: auto;
   font-size: @mini;
 }
 .ui.tiny.images .image,
@@ -230,6 +232,7 @@ img.ui.bordered.image {
 .ui.tiny.images svg,
 .ui.tiny.image {
   width: @tinyWidth;
+  height: auto;
   font-size: @tiny;
 }
 .ui.small.images .image,
@@ -237,6 +240,7 @@ img.ui.bordered.image {
 .ui.small.images svg,
 .ui.small.image {
   width: @smallWidth;
+  height: auto;
   font-size: @small;
 }
 .ui.medium.images .image,
@@ -244,6 +248,7 @@ img.ui.bordered.image {
 .ui.medium.images svg,
 .ui.medium.image {
   width: @mediumWidth;
+  height: auto;
   font-size: @medium;
 }
 .ui.large.images .image,
@@ -251,6 +256,7 @@ img.ui.bordered.image {
 .ui.large.images svg,
 .ui.large.image {
   width: @largeWidth;
+  height: auto;
   font-size: @large;
 }
 .ui.big.images .image,
@@ -258,6 +264,7 @@ img.ui.bordered.image {
 .ui.big.images svg,
 .ui.big.image {
   width: @bigWidth;
+  height: auto;
   font-size: @big;
 }
 .ui.huge.images .image,
@@ -265,6 +272,7 @@ img.ui.bordered.image {
 .ui.huge.images svg,
 .ui.huge.image {
   width: @hugeWidth;
+  height: auto;
   font-size: @huge;
 }
 .ui.massive.images .image,
@@ -272,6 +280,7 @@ img.ui.bordered.image {
 .ui.massive.images svg,
 .ui.massive.image {
   width: @massiveWidth;
+  height: auto;
   font-size: @massive;
 }