From ce815276d02fb7c328538330d122d75d75eb7abe Mon Sep 17 00:00:00 2001
From: Sam <sam.saffron@gmail.com>
Date: Mon, 22 Jan 2018 14:22:30 +1100
Subject: [PATCH] Small and big should be limited via rem so it works large
 font mode

---
 .../stylesheets/common/base/discourse.scss    |  4 ++--
 .../stylesheets/common/base/topic-post.scss   | 20 ++++++++++---------
 2 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/app/assets/stylesheets/common/base/discourse.scss b/app/assets/stylesheets/common/base/discourse.scss
index 200730af0e3..6e9d7c29b05 100644
--- a/app/assets/stylesheets/common/base/discourse.scss
+++ b/app/assets/stylesheets/common/base/discourse.scss
@@ -48,10 +48,10 @@ body {
 
 // setting a static limit on big and small prevents nesting abuse
 big {
-  font-size: 32px;
+  font-size: $font-up-5;
 }
 small {
-  font-size: 12px;
+  font-size: $font-down-2;
 }
 
 blockquote {
diff --git a/app/assets/stylesheets/common/base/topic-post.scss b/app/assets/stylesheets/common/base/topic-post.scss
index 0340c6fa2f3..0c300ff8b18 100644
--- a/app/assets/stylesheets/common/base/topic-post.scss
+++ b/app/assets/stylesheets/common/base/topic-post.scss
@@ -47,38 +47,40 @@
 .cooked, .d-editor-preview {
   word-wrap: break-word;
   line-height: $line-height-large;
-  h1, h2, h3, h4, h5, h6 { 
-    margin: 30px 0 10px; 
-    line-height: $line-height-medium; 
+  h1, h2, h3, h4, h5, h6 {
+    margin: 30px 0 10px;
+    line-height: $line-height-medium;
   }
 
   h1 {
     font-size: $font-up-4;
   }
-  
+
   h2 {
     font-size: $font-up-3;
   }
-  
+
   h3 {
     font-size: $font-up-2;
   }
-  
+
   h4 {
     font-size: $font-up-1;
   }
-  
+
   h5 {
     font-size: $font-0;
   }
-  
+
   h6 {
     font-size: $font-down-1;
   }
-  
+
   a { word-wrap: break-word; }
   ins { background-color: dark-light-choose($success-low, scale-color($success, $lightness: -60%)); }
   del { background-color: dark-light-choose($danger-low, scale-color($danger, $lightness: -60%)); }
+  big { font-size: 2rem; }
+  small { font-size: 0.75rem; }
 }
 
 .cooked, .d-editor-preview {