1 files changed, 28 insertions, 0 deletions
diff --git a/client/styles/icons.styl b/client/styles/icons.styl
new file mode 100644
index 00000000..4de0da2b
--- /dev/null
+++ b/client/styles/icons.styl
@@ -0,0 +1,28 @@
+.emoji
+  height: 18px
+  width: 18px
+  vertical-align: text-bottom
+
+// Implement a thiner close icon as suggested in
+// https://github.com/FortAwesome/Font-Awesome/issues/1540#issuecomment-68689950
+.fa.fa-times-thin:before
+  content: '\00d7';
+
+.fa.fa-globe.colorful
+  color: #4caf50
+
+.fa.fa-lock.colorful
+  color: #f44336
+
+.pop-over .pop-over-list li a:hover
+  .fa, .fa.colorful
+    color: white
+
+    &:hover
+      color: white
+
+a.fa, a i.fa
+  color: darken(white, 35%)
+
+  &:hover
+    color: darken(white, 60%)