Add vertical centering for svg

Remove gap between the `svg` elements and the bottom of their containers by vertically centering them. Ref h5bp#1326. Close h5bp#1453.
kcmckell · Feb 25, 2014 · eed4bc1 · eed4bc1
1 parent a39d3ed
commit eed4bc1
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,6 @@
 ### HEAD
 
+* Add vertical centering for `svg` ([#1453](https://github.com/h5bp/html5-boilerplate/issues/1453)).
 * Redesign 404 page ([#1443](https://github.com/h5bp/html5-boilerplate/pull/1443)).
 * Remove IE 6/7 hacks from `main.css`.
 * Update to Normalize.css 2.1.3.

diff --git a/css/main.css b/css/main.css
@@ -60,6 +60,7 @@ hr {
 audio,
 canvas,
 img,
+svg,
 video {
     vertical-align: middle;
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -60,6 +60,7 @@ hr { @@
     audio,
     canvas,
     img,
+    svg,
     video {
         vertical-align: middle;
     }
@@ Expand Down @@