Using inline SVG for greater flexibility with colourising

2018-02-15 16:16:00 +13:00
parent 6fe069e58c
commit c4c3201523
39 changed files with 607 additions and 752 deletions
--- a/src/scss/components/_icon.scss
+++ b/src/scss/components/_icon.scss
@ -1,8 +1,11 @@

 .icon {
-	&.white{
-		-webkit-filter: invert(1);
-		-moz-filter: invert(1);
-		filter: invert(1);
+	margin-top: -0.2em;
+	vertical-align: middle;
+
+	svg {
+		height: 1.4em;
+		fill: $white;
+		vertical-align: middle;
 	}
 }