fix: ensure code elements within links display correct link styling (#7339) (#7386)

mpruser · mpruser · web-flow · commit 4b710a9fe1dc · 2025-01-06T15:10:11.000Z
Co-authored-by: mpruser &lt;mpruser.@gmail.com&gt;
diff --git a/apps/site/styles/markdown.css b/apps/site/styles/markdown.css
@@ -93,6 +93,10 @@ main {
     &:has(code) {
       @apply max-xs:decoration-neutral-800
         dark:max-xs:decoration-neutral-200;
+
+      code {
+        @apply text-inherit;
+      }
     }
   }
 
diff --git a/apps/site/tailwind.config.ts b/apps/site/tailwind.config.ts
@@ -99,6 +99,7 @@ export default {
       white: '#FFFFFF',
       transparent: 'transparent',
       shadow: '#101828',
+      inherit: 'inherit',
     },
     fontSize: {
       xs: ['0.75rem', '1rem'],

Original file line number	Diff line number	Diff line change
`@@ -93,6 +93,10 @@ main {`
`93`	`93`	`&:has(code) {`
`94`	`94`	`@apply max-xs:decoration-neutral-800`
`95`	`95`	`dark:max-xs:decoration-neutral-200;`
	`96`	`+`
	`97`	`+ code {`
	`98`	`+ @apply text-inherit;`
	`99`	`+ }`
`96`	`100`	`}`
`97`	`101`	`}`
`98`	`102`