@salesforce-ux/design-system/design-tokens/spacing.yml

Salesforce Lightning Design System

# Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
# Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license

global:
  category: spacing
  type: size
  comment: ''
  cssProperties:
  - top
  - right
  - bottom
  - left
  - 'margin*'
  - 'padding*'
  - 'border*'
  - '*width'
  - '*height'
  - box-shadow
  - stroke
  - stroke-width

imports:
- ./aliases/spacing.yml

props:
  SPACING_NONE:
    value: '{!SPACING_NONE}'
    comment: 'Constant spacing token for 0'

  SPACING_XXX_SMALL:
    value: '{!SPACING_XXX_SMALL}'
    comment: 'Constant spacing token for size XXX small'
  SPACING_XX_SMALL:
    value: '{!SPACING_XX_SMALL}'
    comment: 'Constant spacing token for size XX small'
  SPACING_X_SMALL:
    value: '{!SPACING_X_SMALL}'
    comment: 'Constant spacing token for size X small'
  SPACING_SMALL:
    value: '{!SPACING_SMALL}'
    comment: 'Constant spacing token for size Small'
  SPACING_MEDIUM:
    value: '{!SPACING_MEDIUM}'
    comment: 'Constant spacing token for size Medium'
  SPACING_LARGE:
    value: '{!SPACING_LARGE}'
    comment: 'Constant spacing token for size Large'
  SPACING_X_LARGE:
    value: '{!SPACING_X_LARGE}'
    comment: 'Constant spacing token for size X Large'
  SPACING_XX_LARGE:
    value: '{!SPACING_XX_LARGE}'
    comment: 'Constant spacing token for size XX Large'

  VAR_SPACING_XXX_SMALL:
    value: '{!SPACING_XXX_SMALL}'
    comment: 'Variable spacing token for size XXX Small'
  VAR_SPACING_XX_SMALL:
    value: '{!SPACING_XX_SMALL}'
    comment: 'Variable spacing token for size XX Small'
  VAR_SPACING_X_SMALL:
    value: '{!SPACING_X_SMALL}'
    comment: 'Variable spacing token for size X Small'
  VAR_SPACING_SMALL:
    value: '{!SPACING_SMALL}'
    comment: 'Variable spacing token for size Small'
  VAR_SPACING_MEDIUM:
    value: '{!SPACING_MEDIUM}'
    comment: 'Variable spacing token for size Medium'
  VAR_SPACING_LARGE:
    value: '{!SPACING_LARGE}'
    comment: 'Variable spacing token for size Large'
  VAR_SPACING_X_LARGE:
    value: '{!SPACING_X_LARGE}'
    comment: 'Variable spacing token for size X Large'
  VAR_SPACING_XX_LARGE:
    value: '{!SPACING_XX_LARGE}'
    comment: 'Variable spacing token for size XX Large'

  VAR_SPACING_HORIZONTAL_XXX_SMALL:
    value: '{!SPACING_XXX_SMALL}'
    comment: 'Variable horizontal spacing token for size XXX Small'
  VAR_SPACING_HORIZONTAL_XX_SMALL:
    value: '{!SPACING_XX_SMALL}'
    comment: 'Variable horizontal spacing token for size XX Small'
  VAR_SPACING_HORIZONTAL_X_SMALL:
    value: '{!SPACING_X_SMALL}'
    comment: 'Variable horizontal spacing token for size X Small'
  VAR_SPACING_HORIZONTAL_SMALL:
    value: '{!SPACING_SMALL}'
    comment: 'Variable horizontal spacing token for size Small'
  VAR_SPACING_HORIZONTAL_MEDIUM:
    value: '{!SPACING_MEDIUM}'
    comment: 'Variable horizontal spacing token for size Medium'
  VAR_SPACING_HORIZONTAL_LARGE:
    value: '{!SPACING_LARGE}'
    comment: 'Variable horizontal spacing token for size Large'
  VAR_SPACING_HORIZONTAL_X_LARGE:
    value: '{!SPACING_X_LARGE}'
    comment: 'Variable horizontal spacing token for size X Large'
  VAR_SPACING_HORIZONTAL_XX_LARGE:
    value: '{!SPACING_XX_LARGE}'
    comment: 'Variable horizontal spacing token for size XX Large'

  VAR_SPACING_VERTICAL_XXX_SMALL:
    value: '{!SPACING_XXX_SMALL}'
    comment: 'Variable vertical spacing token for size XXX Small'
  VAR_SPACING_VERTICAL_XX_SMALL:
    value: '{!SPACING_XX_SMALL}'
    comment: 'Variable vertical spacing token for size XX Small'
  VAR_SPACING_VERTICAL_X_SMALL:
    value: '{!SPACING_X_SMALL}'
    comment: 'Variable vertical spacing token for size X Small'
  VAR_SPACING_VERTICAL_SMALL:
    value: '{!SPACING_SMALL}'
    comment: 'Variable vertical spacing token for size Small'
  VAR_SPACING_VERTICAL_MEDIUM:
    value: '{!SPACING_MEDIUM}'
    comment: 'Variable vertical spacing token for size Medium'
  VAR_SPACING_VERTICAL_LARGE:
    value: '{!SPACING_LARGE}'
    comment: 'Variable vertical spacing token for size Large'
  VAR_SPACING_VERTICAL_X_LARGE:
    value: '{!SPACING_X_LARGE}'
    comment: 'Variable vertical spacing token for size X Large'
  VAR_SPACING_VERTICAL_XX_LARGE:
    value: '{!SPACING_XX_LARGE}'
    comment: 'Variable vertical spacing token for size XX Large'