Typography
文字サイズと行の高さの尺度を定めます。
Jumpu UI は独自の尺度を定義していません。 Tailwind CSS の --text-* をそのまま使います。
コンポーネントが明示するもの
ほとんどのコンポーネントは文字サイズを指定せず、親から継承します。 明示しているのは次の 4 か所だけです。
| コンポーネント | 文字サイズ |
|---|---|
| Tag | --text-xs |
| FilledTag | --text-xs |
| IconButton のツールチップ | --text-xs |
| Badge | --text-sm |
行の高さには、文字サイズに対応する --text-*--line-height を合わせて指定しています。
継承するということは、text-sm や text-lg のようなユーティリティを付ければ、そのまま反映されるということです。
文字サイズを変えたときの余白
文字サイズを変えると余白も変わるコンポーネントと、変わらないコンポーネントがあります。 どちらになるかは Spacing の 2 系統のどちらを使っているかで決まります。