Remove icon spacing logic

2026-03-22 21:14:30 -07:00 · 2017-03-12 14:13:08 +00:00
parent 3384082ddf
commit 6ac14c316f
7 changed files with 157 additions and 397 deletions
--- a/sass/elements/icon.sass
+++ b/sass/elements/icon.sass
@@ -1,12 +1,26 @@
 .icon
-  +fa(21px, 1.5rem)
+  align-items: center
+  background-color: coral
+  display: inline-flex
+  justify-content: center
+  height: 1.5rem
+  vertical-align: top
+  width: 1.5rem
  .fa
-    font-size: inherit
-    line-height: inherit
+    font-size: 21px
  // Sizes
  &.is-small
-    +fa(14px, 1rem)
+    height: 1rem
+    width: 1rem
+    .fa
+      font-size: 14px
  &.is-medium
-    +fa(28px, 2rem)
+    height: 2rem
+    width: 2rem
+    .fa
+      font-size: 28px
  &.is-large
-    +fa(42px, 3rem)
+    height: 3rem
+    width: 3rem
+    .fa
+      font-size: 42px