タイポグラフィスケール
基本サイズ、比率、段階数から再利用できるスケールを作ります。
CSS変数
使い方
使い方
- 8〜64 pxの基本サイズを設定します。
- 1.05〜3の比率と2〜12段階を選びます。
- CSS変数と流動値を生成します。
幾何スケール
各段階は基本サイズに比率のべき乗を掛けます。
レスポンシブCSS
各値をclampの範囲にします。
行の高さ
line-height 1.5は明示した仮定なので調整できます。
よくある質問
あわせて知りたいこと
比率とは？
隣接するサイズの倍率です。
レスポンシブですか？
基本以降にclamp値を出力します。
行の高さを変えられますか？
はい、1.5は開始時の仮定です。