Bolt Spacing

Add the utility class .u-bolt-xx-yy-zz where xx equals the spacing property, yy equals the direction, and zz (optional) equals the t-shirt size you wish to apply. For example:

  • .u-bolt-margin-left-large = margin-left: 3.1rem
  • .u-bolt-margin-right = margin-right: 1.55rem

(xx) Possible property values include:

  • padding
  • margin

(yy) Possible direction values include:

  • top
  • right
  • bottom
  • left

(zz) Possible size values include:

  • none: 0
  • auto: auto
  • [base]: 1.55rem
  • xxsmall: 0.19375rem
  • xsmall: 0.3875rem
  • small: 0.775rem
  • medium: 1.55rem
  • large: 3.1rem
  • xlarge: 6.2rem
  • xxlarge: 12.4rem
  • xxxlarge: 24.8rem

.u-bolt-margin-left

margin-left: 1.55rem

.u-bolt-margin-left-large

margin-left: 3.1rem

.u-bolt-margin-left-xxlarge

margin-left: 12.4rem

.u-bolt-padding

padding: 1.55rem

.u-bolt-padding-large

padding: 3.1rem

.u-bolt-padding-left-xlarge
.u-bolt-padding-right-xlarge
.u-bolt-padding-top
.u-bolt-padding-bottom

padding-left: 6.2rem
padding-right: 6.2rem
padding-top: 3.1rem
padding-bottom: 3.1rem