Icon styles

2018-07-17 14:42:56 -04:00
parent b45d66120d
commit 2ec2d94109
4 changed files with 36 additions and 4 deletions
--- a/scss/elements/_icons.scss
+++ b/scss/elements/_icons.scss
@@ -0,0 +1,28 @@
+@mixin icon {
+  display: inline-block;
+  vertical-align: bottom;
+
+  > svg {
+    width: 100%;
+    height: 100%;
+  }
+}
+
+@mixin icon-size($size) {
+  $icon-size: $size * .1rem;
+  width: $icon-size;
+  height: $icon-size;
+  margin: $icon-size / 4;
+}
+
+@mixin icon-style-default {
+  > svg * {
+    fill: $color-black;
+  }
+}
+
+.icon {
+  @include icon;
+  @include icon-size(16);
+  @include icon-style-default;
+}