Merge pull request #709 from rishabhsharma1997/master

chore: added styling for code block in Learning-path and chapter
layer5io · Aug 8, 2024 · a247841 · a247841
2 parents 7755428 + a1a1353
commit a247841
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/src/custom/StyledChapter/StyledChapter.tsx b/src/custom/StyledChapter/StyledChapter.tsx
@@ -29,6 +29,15 @@ const StyledChapter = styled('div')(({ theme }) => ({
     width: '100%',
     margin: '1rem auto autocompleteClasses',
     fontFamily: 'Courier New, Courier, monospace'
+  },
+  '& code': {
+    color: 'inherit',
+    padding: '.2em .4em',
+    margin: '0',
+    fontSize: '85%',
+    wordBreak: 'normal',
+    backgroundColor: theme.palette.background.secondary,
+    borderRadius: '.25rem'
   }
 }));
 export default StyledChapter;