diff --git a/stylesheets/_emoji.scss b/stylesheets/_emoji.scss deleted file mode 100644 index ef5179ef2..000000000 --- a/stylesheets/_emoji.scss +++ /dev/null @@ -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; -} diff --git a/stylesheets/_global.scss b/stylesheets/_global.scss index d77a6aa3b..e9f5855aa 100644 --- a/stylesheets/_global.scss +++ b/stylesheets/_global.scss @@ -102,7 +102,7 @@ a { .message { -webkit-user-select: text; user-select: text; - max-width: 35em; + max-width: 35rem; } .dot { diff --git a/stylesheets/_index.scss b/stylesheets/_index.scss index f48a4bac0..377b3f550 100644 --- a/stylesheets/_index.scss +++ b/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 { diff --git a/stylesheets/_modal.scss b/stylesheets/_modal.scss index e65308f8a..2f12235d6 100644 --- a/stylesheets/_modal.scss +++ b/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 { diff --git a/stylesheets/_modules.scss b/stylesheets/_modules.scss index bca667803..31f2aa42d 100644 --- a/stylesheets/_modules.scss +++ b/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; diff --git a/stylesheets/_session_signin.scss b/stylesheets/_session_signin.scss index 8750cc95e..e3f82e22a 100644 --- a/stylesheets/_session_signin.scss +++ b/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; } diff --git a/stylesheets/manifest.scss b/stylesheets/manifest.scss index 14fcfa59a..65e16951a 100644 --- a/stylesheets/manifest.scss +++ b/stylesheets/manifest.scss @@ -15,7 +15,6 @@ // Components @import 'modal'; @import 'lightbox'; -@import 'emoji'; @import 'mentions'; @import 'avatar';