From 857267c39794ef9486602281c6e7ebedaa7d08f9 Mon Sep 17 00:00:00 2001
From: Raphael Goetter <raphael@goetter.fr>
Date: Tue, 27 Sep 2016 16:10:21 +0200
Subject: [PATCH] SVG fix for IE

---
 sass/knacss.scss            |  2 +-
 sass/library/_base.scss     | 39 ++++++++++++++++++-------------------
 sass/library/_misc.scss     |  7 +++++++
 sass/objects/_autogrid.scss |  2 +-
 4 files changed, 28 insertions(+), 22 deletions(-)

diff --git a/sass/knacss.scss b/sass/knacss.scss
index b093202..f904bec 100644
--- a/sass/knacss.scss
+++ b/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/
 */
 
diff --git a/sass/library/_base.scss b/sass/library/_base.scss
index b817aa7..817c891 100644
--- a/sass/library/_base.scss
+++ b/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;
+}
\ No newline at end of file
diff --git a/sass/library/_misc.scss b/sass/library/_misc.scss
index 8faed22..2e4f9df 100644
--- a/sass/library/_misc.scss
+++ b/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%;
+  }
+}
\ No newline at end of file
diff --git a/sass/objects/_autogrid.scss b/sass/objects/_autogrid.scss
index feb6a57..e9df936 100644
--- a/sass/objects/_autogrid.scss
+++ b/sass/objects/_autogrid.scss
@@ -17,6 +17,6 @@
     margin-left: 1rem;
   }
   [class*="--reverse"] {
-	  flex-direction: row-reverse;
+    flex-direction: row-reverse;
   }
 }