Files
v10/site/src/components/typography/styles.ts
T

19 lines
680 B
TypeScript

/**
* Shared Tailwind class strings for typography elements.
*
* Used by both the Astro typography components and `renderInlineMarkdown`
* so styling stays in sync across server-rendered MDX and programmatic
* HTML generation.
*/
export const shared = {
a: 'underline intent:decoration-gold',
code: 'border border-manila-75 bg-manila-25 dark:bg-soot dark:border-warm-gray px-1 rounded font-mono text-code normal-case break-words',
codeBlock: 'font-mono text-code text-manila-light',
pre: 'shiki astro-code',
em: 'italic',
li: '',
ol: 'list-decimal list-outside pl-4 space-y-1',
strong: 'font-bold',
ul: 'list-disc list-outside pl-4 space-y-1',
} as const;