fix(styles): optimize font-size for code block (#697)

geist-org · Feb 1, 2022 · a4d02ab · a4d02ab
1 parent e632c3e
commit a4d02ab
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git 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
@@ -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;
         }