Global emoji styling

src/sass/app.scss

@@ -44,6 +44,7 @@
 @import "components/buttons";
 @import "components/mediabox";
 @import "components/backbutton";
+@import "components/emoji";
 
 // Sections: Styles specific to individual pages or sections.
 @import "sections/header";

src/sass/components/_emoji.scss

@@ -0,0 +1,4 @@
+.e1 {
+    transform: scale(0.75);
+    margin: -3px -2px;
+}

src/sass/components/_mediabox.scss

@@ -97,10 +97,6 @@ mediabox {
                 margin: 4px 0 0;
                 color: rgba(255, 255, 255, 0.8);
                 font-size: 1.3em;
-                .e1 {
-                    transform: scale(0.75);
-                    margin: -3px -2px;
-                }
             }
         }
     }

src/sass/sections/_conversation.scss

@@ -107,11 +107,6 @@
     }
 
     .message-quote {
-
-        .e1 {
-            transform: scale(0.75);
-            margin: -3px -2px;
-        }
         @include word-wrap;
     }
 }
@@ -367,11 +362,6 @@
         }
     }
 
-    .e1 {
-        margin: -3px -2px;
-        transform: scale(0.75);
-    }
-
     .unread-separator {
         width: 100%;
         margin: 16px 8px;

src/sass/sections/_navigation.scss

@@ -141,11 +141,6 @@
                     align-items: center;
                     color: rgba(0, 0, 0, 0.54); // TODO: Extract color
 
-                    .e1 {
-                        margin: -3px -2px;
-                        transform: scale(0.75);
-                    }
-
                     .left {
                         white-space: nowrap;
                         overflow: hidden;