Spacing #

余白を調整するヘルパークラスです。

.{property}{direction}-{size} クラスを用いることで、余白を調整することができます。

• property に入る値は以下です。
  • p （ padding を適用します）
  • m （ margin を適用します）
• direction に入る値は以下です。
  • t （上に適用します）
  • r （右に適用します）
  • b （下に適用します）
  • l （左に適用します）
  • x （右と左に適用します）
  • y （上と下に適用します）
  • a （上下左右に適用します）
• size に入る値は以下です。
  • auto （ auto を適用します）
  • 0 （ 0 を適用します）
  • 1 （ 4px を適用します）
  • 2 （ 8px を適用します）
  • 3 （ 12px を適用します）
  • 4 （ 16px を適用します）
  • 5 （ 20px を適用します）
  • 6 （ 24px を適用します）
  • 7 （ 28px を適用します）
  • 8 （ 32px を適用します）
  • 9 （ 36px を適用します）
  • 10 （ 40px を適用します）
  • 11 （ 44px を適用します）
  • 12 （ 48px を適用します）
  • 13 （ 52px を適用します）
  • 14 （ 56px を適用します）
  • 15 （ 60px を適用します）
  • 16 （ 64px を適用します）
  • n1 （ -4px を適用します）
  • n2 （ -8px を適用します）
  • n3 （ -12px を適用します）
  • n4 （ -16px を適用します）
  • n5 （ -20px を適用します）
  • n6 （ -24px を適用します）
  • n7 （ -28px を適用します）
  • n8 （ -32px を適用します）
  • n9 （ -36px を適用します）
  • n10 （ -40px を適用します）
  • n11 （ -44px を適用します）
  • n12 （ -48px を適用します）
  • n13 （ -52px を適用します）
  • n14 （ -56px を適用します）
  • n15 （ -60px を適用します）
  • n16 （ -64px を適用します）