From 742f5aa24d7f65b14a5c32e2685a89d84613e970 Mon Sep 17 00:00:00 2001
From: Ascrod <32915892+Ascrod@users.noreply.github.com>
Date: Sat, 27 Apr 2019 08:49:17 -0400
Subject: Bug 1399616 - add WP emoji styling to reader mode.

---
 toolkit/themes/shared/aboutReader.css | 11 +++++++++++
 1 file changed, 11 insertions(+)

(limited to 'toolkit/themes')

diff --git a/toolkit/themes/shared/aboutReader.css b/toolkit/themes/shared/aboutReader.css
index 4dbf11f6d..e685cf69f 100644
--- a/toolkit/themes/shared/aboutReader.css
+++ b/toolkit/themes/shared/aboutReader.css
@@ -738,3 +738,14 @@ body:not(.loaded) .toolbar:-moz-locale-dir(rtl) {
 .moz-reader-content .sr-only {
   display: none;
 }
+
+/* Enforce wordpress and similar emoji/smileys aren't sized to be full-width */
+.moz-reader-content img.wp-smiley,
+.moz-reader-content img.emoji {
+  display: inline-block;
+  border-width: 0;
+  /* height: auto is implied from `.moz-reader-content *` rule. */
+  width: 1em;
+  margin: 0 .07em;
+  padding: 0;
+}
-- 
cgit v1.2.3


From 0612246b04c12c10929f809c3c5a56da0780f0c1 Mon Sep 17 00:00:00 2001
From: monikamaheshwari <monikamaheshwari1996@gmail.com>
Date: Sat, 27 Apr 2019 09:15:22 -0400
Subject: Bug 1422680 - simplify aboutReader.css font-size classes using CSS
 variables r=Gijs

---
 toolkit/themes/shared/aboutReader.css | 38 ++---------------------------------
 1 file changed, 2 insertions(+), 36 deletions(-)

(limited to 'toolkit/themes')

diff --git a/toolkit/themes/shared/aboutReader.css b/toolkit/themes/shared/aboutReader.css
index e685cf69f..ff8f27565 100644
--- a/toolkit/themes/shared/aboutReader.css
+++ b/toolkit/themes/shared/aboutReader.css
@@ -47,44 +47,10 @@ body.serif .remove-button  {
 }
 
 .container {
+  --font-size: 12;
   max-width: 30em;
   margin: 0 auto;
-}
-
-.container.font-size1 {
-  font-size: 12px;
-}
-
-.container.font-size2 {
-  font-size: 14px;
-}
-
-.container.font-size3 {
-  font-size: 16px;
-}
-
-.container.font-size4  {
-  font-size: 18px;
-}
-
-.container.font-size5 {
-  font-size: 20px;
-}
-
-.container.font-size6 {
-  font-size: 22px;
-}
-
-.container.font-size7 {
-  font-size: 24px;
-}
-
-.container.font-size8 {
-  font-size: 26px;
-}
-
-.container.font-size9 {
-  font-size: 28px;
+  font-size: var(--font-size);
 }
 
 .container.content-width1 {
-- 
cgit v1.2.3