Media fix: Missing reboot found at last!

- this patches what appears to be a years-long issue where some resets were missing for certain media elements including figure, img, & svg elements.
neuekit · Jul 14, 2019 · 6d9dcca · 6d9dcca
1 parent b7a44e1
commit 6d9dcca
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 2 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,2 +1,3 @@
 .DS_Store
 node_modules
+package-lock.json
diff --git a/reboot.css b/reboot.css
diff --git a/reboot.scss b/reboot.scss
@@ -234,9 +234,28 @@ video {
 
 
 /*----------------------------------------------------------------------------*\
-    Figure reset (opinionated).
+    1. Change the fill color to match the text color in all browsers (opinionated).
+    2. Hide the overflow in IE.
 \*----------------------------------------------------------------------------*/
 
+svg {
+  fill: currentColor; /* 1 */
+
+  &:not(:root) {
+    overflow: hidden; /* 2 */
+  }
+}
+
+img,
+svg {
+  display: block;
+  max-width: 100%;
+}
+
+img {
+  height: auto;
+}
+
 figure {
     margin: 0;
 }