Back to Supabase

Typography

apps/design-system/content/docs/typography.mdx

1.26.04839 B
Original Source

Some reusable patterns work better as CSS variables, or “shorthands”, than as components. Typography is one of these cases, since its usage and context vary widely.

The shorthands below are composed of core Tailwind utility classes. You can view the full list of shorthands in typography.scss.

Shorthands

ValueUsage
text-code-inlineApply to a code element for inline code or similar custom inline content
text-brand-linkSupabase green text that meets contrast requirements in light and dark modes