doc: add new font to docs

gympass · Jan 17, 2024 · 566f23a · 566f23a
1 parent a6f2398
commit 566f23a
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/packages/doc/gatsby-config.js b/packages/doc/gatsby-config.js
@@ -64,7 +64,10 @@ const plugins = [
     resolve: `gatsby-plugin-web-font-loader`,
     options: {
       google: {
-        families: ['Rubik:300,400,500,700,900,300i,400i,500i,700i,900i'],
+        families: [
+          'Rubik:300,400,500,700,900,300i,400i,500i,700i,900i',
+          'Inter:300,400,500,700,900,300i,400i,500i,700i,900i',
+        ],
       },
     },
   },

diff --git a/packages/doc/src/components/CodeBlock/ReactLive/ReactLive.jsx b/packages/doc/src/components/CodeBlock/ReactLive/ReactLive.jsx
@@ -44,10 +44,11 @@ const Component = styled.div`
     theme: {
       yoga: {
         colors: { white, text, primary },
+        baseFont,
       },
     },
   }) => `
-    font-family: 'Rubik';
+    font-family: ${baseFont.family};
     padding: 50px;
     background-color: ${darkMode ? text.primary : white};
     transition: all 0.3s ease-in-out;