Fix SVG height bug in IE

johndjameson · johndjameson · commit bc10d8d60458 · 2015-06-17T09:53:52.000-04:00
By default, SVGs have a height of 150px in Internet Explorer, so using
`height: auto` on base `svg` elements was overriding the inline `height`
attribute and producing tall, awkward, John D. Jameson-esque SVGs.
diff --git a/client/stylesheets/foundation/_base.sass b/client/stylesheets/foundation/_base.sass
@@ -55,13 +55,6 @@ pre
 //   Inline Content
 // -------------------------------------
 
-// ----- Images ----- //
-
-img, svg
-  height: auto
-  max-width: 100%
-  vertical-align: middle
-
 // ----- Inputs ----- //
 
 input[type='email'],
@@ -89,6 +82,19 @@ a, %a
   +state
     color: darken($c-highlight, 10%)
 
+// ----- Media ----- //
+
+// Shared
+
+img, svg
+  max-width: 100%
+  vertical-align: middle
+
+// Images
+
+img
+  height: auto
+
 // ----- Selection ----- //
 
 ::selection
