From a4d02ab60f99cdda385b27fd6bb3ff4fb0751da4 Mon Sep 17 00:00:00 2001
From: witt <unix.bio@gmail.com>
Date: Tue, 1 Feb 2022 23:18:35 +0800
Subject: [PATCH] fix(styles): optimize font-size for code block (#697)

---
 .../__tests__/__snapshots__/baseline.test.tsx.snap   | 12 ++++++------
 components/css-baseline/css-baseline.tsx             |  6 +++---
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/components/css-baseline/__tests__/__snapshots__/baseline.test.tsx.snap b/components/css-baseline/__tests__/__snapshots__/baseline.test.tsx.snap
index 353ca1df2..181fcc8f6 100644
--- a/components/css-baseline/__tests__/__snapshots__/baseline.test.tsx.snap
+++ b/components/css-baseline/__tests__/__snapshots__/baseline.test.tsx.snap
@@ -198,7 +198,7 @@ LoadedCheerio {
         }
 
         pre {
-          padding: calc(16pt * 0.75) 16pt;
+          padding: calc(16pt * 0.9) 16pt;
           margin: 16pt 0;
           border: 1px solid #eaeaea;
           border-radius: 5px;
@@ -207,13 +207,13 @@ LoadedCheerio {
           overflow: auto;
           line-height: 1.5;
           text-align: left;
-          font-size: 13px;
+          font-size: 14px;
           -webkit-overflow-scrolling: touch;
         }
 
         pre code {
           color: #000;
-          font-size: 0.8125rem;
+          font-size: 1em;
           line-height: 1.25em;
           white-space: pre;
         }
@@ -601,7 +601,7 @@ LoadedCheerio {
         }
 
         pre {
-          padding: calc(16pt * 0.75) 16pt;
+          padding: calc(16pt * 0.9) 16pt;
           margin: 16pt 0;
           border: 1px solid #333;
           border-radius: 5px;
@@ -610,13 +610,13 @@ LoadedCheerio {
           overflow: auto;
           line-height: 1.5;
           text-align: left;
-          font-size: 13px;
+          font-size: 14px;
           -webkit-overflow-scrolling: touch;
         }
 
         pre code {
           color: #fff;
-          font-size: 0.8125rem;
+          font-size: 1em;
           line-height: 1.25em;
           white-space: pre;
         }
diff --git a/components/css-baseline/css-baseline.tsx b/components/css-baseline/css-baseline.tsx
index abc24f2cc..77651ebed 100644
--- a/components/css-baseline/css-baseline.tsx
+++ b/components/css-baseline/css-baseline.tsx
@@ -202,7 +202,7 @@ const CssBaseline: React.FC<React.PropsWithChildren<unknown>> = ({ children }) =
         }
 
         pre {
-          padding: calc(${theme.layout.gap} * 0.75) ${theme.layout.gap};
+          padding: calc(${theme.layout.gap} * 0.9) ${theme.layout.gap};
           margin: ${theme.layout.gap} 0;
           border: 1px solid ${theme.palette.accents_2};
           border-radius: ${theme.layout.radius};
@@ -211,13 +211,13 @@ const CssBaseline: React.FC<React.PropsWithChildren<unknown>> = ({ children }) =
           overflow: auto;
           line-height: 1.5;
           text-align: left;
-          font-size: 13px;
+          font-size: 14px;
           -webkit-overflow-scrolling: touch;
         }
 
         pre code {
           color: ${theme.palette.foreground};
-          font-size: 0.8125rem;
+          font-size: 1em;
           line-height: 1.25em;
           white-space: pre;
         }