Typography #

テキストのサイズ、太さなどを指定するヘルパークラスです。

Scales #

.text-{value} または .text-{breakpoint}-{value} クラスを用いることで、テキストのサイズを指定することができます。

• value に入る値は以下です。
  • lv1 ～ lv7 （数値が小さいほどテキストが大きくなります）
• breakpoint に入る値は以下です。
  • sm （ 576px ～ 768px ）
  • md （ 768px ～ 992px ）
  • lg （ 992px ～ 1200px ）
  • xl （ 1200px ～ ）

Weight #

.text-weight-{value} クラスを用いることで、テキストの太さを指定することができます。

• value に入る値は以下です。
  • bold
  • regular