CSS: move font-size definition

By defining font-size as early as possible, it gives the possibility to users to override it in their local CSS file. The value is otherwise impossible to override since it's part of the only div that composes a slide (ie "remark-container"). Signed-off-by: Joel Porquet <[email protected]>
Taku-Yamashita · Dec 7, 2017 · 1b32878 · 1b32878
1 parent a0754a4
commit 1b32878
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/remark.less b/src/remark.less
@@ -2,6 +2,9 @@
 /* Container */
 /*************/
 
+html {
+  font-size: 20px;
+}
 html.remark-container, body.remark-container {
   height: 100%;
   width: 100%;
@@ -97,7 +100,6 @@ body:fullscreen{
   background-position: center;
   background-repeat: no-repeat;
   display: table-cell;
-  font-size: 20px;
   padding: 1em 4em 1em 4em;
 
   h1 { font-size: 55px; }