SVG fix for IE

sass/knacss.scss

@@ -1,5 +1,5 @@
 /*!
-* www.KNACSS.com V6.0.0 (21 septembre 2016) @author: Alsacreations, Raphael Goetter
+* www.KNACSS.com V6.0.0 (27 septembre 2016) @author: Alsacreations, Raphael Goetter
 * Licence WTFPL http://www.wtfpl.net/
 */
 

sass/library/_base.scss

@@ -11,26 +11,6 @@ html {
   box-sizing: inherit;
 }
 
-ul,
-ol {
-  padding-left: 2em;
-}
-
-img {
-  vertical-align: middle;
-}
-
-/* height auto only for non SVG images */
-img:not([src$=".svg"]) {
-  height: auto;
-}
-
-blockquote,
-figure {
-  margin-left: 0;
-  margin-right: 0;
-}
-
 html {
   /* set base font-size to equiv "10px", which is adapted to rem unit */
   font-size: 62.5%;
@@ -54,6 +34,21 @@ a {
   }
 }
 
+ul,
+ol {
+  padding-left: 2em;
+}
+
+img {
+  vertical-align: middle;
+}
+
+blockquote,
+figure {
+  margin-left: 0;
+  margin-right: 0;
+}
+
 /* font-sizing for content */
 p,
 .#{$kna-namespace}p-like,
@@ -188,3 +183,7 @@ video,
 svg {
   max-width: 100%;
 }
+
+img {
+  height: auto;
+}

sass/library/_misc.scss

@@ -46,3 +46,10 @@
     hyphens: manual;
   }
 }
+
+// SVG width IE fix
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+  img[src$=".svg"] {
+    width: 100%;
+  }
+}