メインコンテンツまでスキップ

Spacing

padding, margin の Utility クラスです。

Margin​

margin は以下の固定値を設定できます。

  • ab-m-x: x は 4px で、以下の値があります。
    • 0,1,2: 1 刻み
    • 2,4,6...12: 2 刻み
    • 12,16...24: 4 刻み
    • 24,30: 6 刻み

HorizontalMargin​

横方向の margin も設定できます。値は margin と同じです。

VerticalMargin​

縦方向の margin も設定できます。値は margin と同じです。

DirectionalMargin​

top, right, bottom, left 方向の margin も設定できます。値は margin と同じです。

MarginAuto​

margin を auto に設定できます。全方向、XY 方向、個別の方向にも設定できます。

  • ab-m-auto
  • ab-mx-auto
  • ab-my-auto
  • ab-mt-auto
  • ab-mr-auto
  • ab-mb-auto
  • ab-ml-auto

Padding​

padding は以下の固定値を設定できます。

  • ab-p-x: x は 4px で、以下の値があります。
    • 0,1,2: 1 刻み
    • 2,4,6...12: 2 刻み
    • 12,16...24: 4 刻み
    • 24,30: 6 刻み

HorizontalPadding​

横方向の padding も設定できます。値は padding と同じです。

VerticalPadding​

縦方向の padding も設定できます。値は padding と同じです。

DirectionalPadding​

top, right, bottom, left 方向の padding も設定できます。値は padding と同じです。