Spacing

Padding and margin utility classes are named using the format: env-{property}-{specifier}--{size}

Valid values for property

  • m for margin
  • p for padding

Valid values for specifier

  • top
  • right
  • bottom
  • left
  • horizontal 9.1
  • vertical 9.1
  • around

Valid values for size

  • 0
  • a auto, only applicable to margin
  • xxx-small
  • xx-small
  • x-small
  • small
  • medium
  • large
  • x-large
  • xx-large
  • xxx-large

Invert values for margin by adding the negative modifier 9.1

  • env-m-{specifier}--negative

Spacing examples

env-m-around--medium
env-p-around--medium
env-m-horizontal--xxx-large
env-p-vertical--large
env-m-horizontal--large
env-m-horizontal--negative
env-m-vertical--medium
env-p-around--small
env-m-top--negative
env-m-top--medium
env-m-right--medium
env-m-bottom--small
env-m-left--xxx-large
env-p-around--medium
env-w--50
env-m-vertical--medium
env-m-horizontal--a
env-p-around--medium