Fix external link icons (#3890).

2018-09-14 00:21:08 -05:00
parent 26674ec88a
commit 42f97bf3e5
2 changed files with 18 additions and 8 deletions
--- a/app/javascript/src/styles/base/000_vars.scss
+++ b/app/javascript/src/styles/base/000_vars.scss
@@ -88,3 +88,16 @@ $success_color: hsl(120, 100%, 95%); // light green
  margin: 2px;
  text-align: center;
 }
+
+// https://fontawesome.com/how-to-use/on-the-web/advanced/css-pseudo-elements
+@mixin fa-icon($family, $weight, $content) {
+  display: inline-block;
+  font-style: normal;
+  font-variant: normal;
+  text-rendering: auto;
+  -webkit-font-smoothing: antialiased;
+
+  font-family: $family;
+  font-weight: $weight;
+  content: $content;
+}