mirror of
https://github.com/supabase/supabase.git
synced 2026-05-07 06:27:16 +08:00
d653617cdd
* sweep language * update class docs * additional * basic docs * sweep relevant instances * replace text-code * additional in sweep * Tiny fix * prettier --------- Co-authored-by: Joshen Lim <joshenlimek@gmail.com>
16 lines
935 B
Plaintext
16 lines
935 B
Plaintext
---
|
|
title: Typography
|
|
description: An overview of all available typography CSS variables.
|
|
---
|
|
|
|
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](../docs/tailwind-classes). You can view the full list of shorthands in [`typography.scss`](https://github.com/supabase/supabase/blob/master/apps/studio/styles/typography.scss).
|
|
|
|
## Shorthands
|
|
|
|
| Value | Usage |
|
|
| ------------------ | ---------------------------------------------------------------------------- |
|
|
| `text-code-inline` | Apply to a `code` element for inline code or similar custom inline content |
|
|
| `text-brand-link` | Supabase green text that meets contrast requirements in light and dark modes |
|