@salesforce-ux/design-system/design-tokens/force-base/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:
  BORDER_WIDTH_THIN:
    value: 1px
  BORDER_WIDTH_THICK:
    value: 2px
  BORDER_STROKE_WIDTH_THIN:
    value: 1px
  BORDER_STROKE_WIDTH_THICK:
    value: 2px
  SPACING_NONE:
    value: '{!SPACING_NONE}'
  SPACING_XXX_SMALL:
    value: '{!SPACING_XXX_SMALL}'
  SPACING_XX_SMALL:
    value: '{!SPACING_XX_SMALL}'
  SPACING_X_SMALL:
    value: '{!SPACING_X_SMALL}'
  SPACING_SMALL:
    value: '{!SPACING_SMALL}'
  SPACING_MEDIUM:
    value: '{!SPACING_MEDIUM}'
  SPACING_LARGE:
    value: '{!SPACING_LARGE}'
  SPACING_X_LARGE:
    value: '{!SPACING_X_LARGE}'
  SPACING_XX_LARGE:
    value: '{!SPACING_XX_LARGE}'