1 files changed, 24 insertions(+), 3 deletions(-)

M style.css

@@ 13,8 13,11 @@
     --fs-h1: 40px;
     --fs-h2: 30px;
     --fs-h3: 26px;
+    --fs-body-mobile: 18px;
     --fs-body: 21px;
+    --fs-code-mobile: 15px;
     --fs-code: 18px;
+    --fs-code-block-mobile: 15px;
     --fs-code-block: 17px;
 
     --s-page-width: 700px;


@@ 37,10 40,16 @@ body {
     background-color: var(--c-dark);
     margin: 0;
     font-family: var(--f-serif);
-    font-size: var(--fs-body);
+    font-size: var(--fs-body-mobile);
     line-height: 1.4;
 }
 
+@media screen and (min-width: 992px) {
+    body {
+        font-size: var(--fs-body);
+    }
+}
+
 /* General content --------------------------------------------------------- */
 
 p, h1, h2, h3, h4, hr, figure, ul, ol {


@@ 172,10 181,16 @@ a:hover {
 
 code {
     font-family: var(--f-mono);
-    font-size: var(--fs-code);
+    font-size: var(--fs-code-mobile);
     background-color: var(--c-darker);
 }
 
+@media screen and (min-width: 992px) {
+    code {
+        font-size: var(--fs-code);
+    }
+}
+
 /* Code blocks ------------------------------------------------------------- */
 
 pre {


@@ 184,7 199,7 @@ pre {
 }
 
 pre code {
-    font-size: var(--fs-code-block);
+    font-size: var(--fs-code-block-mobile);
     display: block;
     max-width: var(--s-code-block-width);
     margin: 24px auto;


@@ 192,6 207,12 @@ pre code {
     overflow-x: auto;
 }
 
+@media screen and (min-width: 992px) {
+    pre code {
+        font-size: var(--fs-code-block);
+    }
+}
+
 /* KeyWordTok */
 .sourceCode .kw { color: #268BD2; }
 /* DataTypeTok */