fix: improved font rendering on windows by replacing all em units with rem

dropped unused emoji scss

stylesheets/_emoji.scss

@@ -1,76 +0,0 @@
-span.emoji {
-  display: -moz-inline-box;
-  -moz-box-orient: vertical;
-  display: inline-block;
-  vertical-align: baseline;
-  width: 1em;
-  height: 1em;
-  background-size: 1em;
-  background-repeat: no-repeat;
-  text-indent: -9999px;
-  background-position: 50%, 50%;
-  background-size: contain;
-}
-
-span.emoji-sizer {
-  line-height: 0.81em;
-  font-size: 1em;
-  margin: -2px 0;
-}
-
-span.emoji-outer {
-  display: -moz-inline-box;
-  display: inline-block;
-  height: 1em;
-  width: 1em;
-}
-
-span.emoji-inner {
-  display: -moz-inline-box;
-  display: inline-block;
-  text-indent: -9999px;
-  width: 100%;
-  height: 100%;
-  vertical-align: baseline;
-}
-
-img.emoji {
-  width: 1em;
-  height: 1em;
-  margin-bottom: -1px;
-}
-
-img.emoji.small {
-  width: 1.1em;
-  height: 1.1em;
-}
-img.emoji.medium {
-  width: 1.3em;
-  height: 1.3em;
-}
-img.emoji.large {
-  width: 1.7em;
-  height: 1.7em;
-}
-img.emoji.jumbo {
-  width: 2em;
-  height: 2em;
-}
-
-// we need these, or we'll make conversation items too big in the left-nav
-.conversations img.emoji.small {
-  width: 1em;
-  height: 1em;
-}
-.conversations img.emoji.medium {
-  width: 1em;
-  height: 1em;
-}
-.conversations img.emoji.large {
-  width: 1em;
-  height: 1em;
-}
-.conversations img.emoji.jumbo {
-  width: 1em;
-  height: 1em;
-}

stylesheets/_global.scss

@@ -102,7 +102,7 @@ a {
   .message {
     -webkit-user-select: text;
     user-select: text;
-    max-width: 35em;
+    max-width: 35rem;
   }
 
   .dot {

stylesheets/_index.scss

@@ -31,7 +31,7 @@
 
   .module-avatar {
     display: block;
-    margin-bottom: 1em;
+    margin-bottom: 1rem;
   }
 
   .avatar-center {
@@ -52,7 +52,7 @@
 .section-conversations-container {
   display: flex;
   flex-direction: row;
-  margin-inline-end: 3em;
+  margin-inline-end: 3rem;
   align-items: center;
 
   h4 {

stylesheets/_modal.scss

@@ -13,7 +13,7 @@
     position: relative;
     max-width: 350px;
     margin: 100px auto;
-    padding: 1em;
+    padding: 1rem;
     background-color: var(--modal-background-content-color);
     border-radius: var(--border-radius);
     overflow: auto;
@@ -23,7 +23,7 @@
 
 /* remove scroll bars */
 .loki-dialog .add-moderators-dialog .content {
-  padding: 1.1em;
+  padding: 1.1rem;
 }
 
 .session-modal {

stylesheets/_modules.scss

@@ -420,7 +420,7 @@
 
   .session-button {
     width: 160px;
-    margin: 1em auto;
+    margin: 1rem auto;
   }
 }
 
@@ -957,7 +957,7 @@
   font-size: 14px;
 
   overflow: hidden;
-  height: 2.4em;
+  height: 2.4rem;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;

stylesheets/_session_signin.scss

@@ -69,7 +69,7 @@
       font-size: 14px;
       font-weight: 700;
       line-height: 14px;
-      padding-top: 2em;
+      padding-top: 2rem;
       text-align: center;
     }
 

stylesheets/manifest.scss

@@ -15,7 +15,6 @@
 // Components
 @import 'modal';
 @import 'lightbox';
-@import 'emoji';
 @import 'mentions';
 @import 'avatar';