commit ec7773fd6dc91da84a5426d1cbe2a54f843fddf7
author Philipp Wagner <phw@lowrisc.org> Mon Jan 18 22:49:18 2021 +0000
committer Philipp Wagner <mail@philipp-wagner.com> Tue Jan 19 08:24:41 2021 +0000
tree 8acfe68c89ad3f2955198df13603eea386efbda8
parent c56da9ffb5815e70ddcdcfa250cf01416e65ff39

[doc] Ensure code blocks are rendered properly in Chrome

Chrome has a bug which doesn't assign the right font size (16px) to code
blocks (https://bugs.chromium.org/p/chromium/issues/detail?id=833697).
Fix that by explicitly setting the default font size in the html element
(16px in most browsers).

Now Firefox and Chrome render code blocks the same, both in 16px.

Signed-off-by: Philipp Wagner <phw@lowrisc.org>

site/docs/assets/scss/_base.scss

diff --git a/site/docs/assets/scss/_base.scss b/site/docs/assets/scss/_base.scss
index 9f6d3f8..a950d13 100644
--- a/site/docs/assets/scss/_base.scss
+++ b/site/docs/assets/scss/_base.scss
@@ -2,7 +2,12 @@
 // HTML & Body
 
 html {
-  font-size: 1rem;
+  /*
+  Explicitly set the font size to the typical browser default to work around a
+  bug in Chrome where <code> elements don't get the right font size when using
+  @font-size=1rem (https://bugs.chromium.org/p/chromium/issues/detail?id=833697)
+  */
+  font-size: 16px;
   scroll-behavior: smooth;
 }