@salesforce-ux/design-system/design-tokens/var-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

# ----------- #
# This file is only used on the documentation site
# ----------- #

global:
  category: spacing
  type: size
  comment: 'Overrides for spacing tokens that should only be used in densifying of the User Interface'

imports:
- ./aliases/spacing.yml
- ./aliases/font-size.yml

props:
  VAR_SPACING_XXX_SMALL:
    value: '{!SPACING_XXX_SMALL}'
    comment: 'Variable spacing token for size XXX Small'
  VAR_SPACING_XX_SMALL:
    value: '{!SPACING_XXX_SMALL}'
    comment: 'Variable spacing token for size XX Small'
  VAR_SPACING_X_SMALL:
    value: '{!SPACING_XXX_SMALL}'
    comment: 'Variable spacing token for size X Small'
  VAR_SPACING_SMALL:
    value: '{!SPACING_XX_SMALL}'
    comment: 'Variable spacing token for size Small'
  VAR_SPACING_MEDIUM:
    value: '{!SPACING_X_SMALL}'
    comment: 'Variable spacing token for size Medium'
  VAR_SPACING_LARGE:
    value: '{!SPACING_SMALL}'
    comment: 'Variable spacing token for size Large'
  VAR_SPACING_X_LARGE:
    value: '{!SPACING_MEDIUM}'
    comment: 'Variable spacing token for size X Large'
  VAR_SPACING_XX_LARGE:
    value: '{!SPACING_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_XXX_SMALL}'
    comment: 'Variable horizontal spacing token for size XX Small'
  VAR_SPACING_HORIZONTAL_X_SMALL:
    value: '{!SPACING_XX_SMALL}'
    comment: 'Variable horizontal spacing token for size X Small'
  VAR_SPACING_HORIZONTAL_SMALL:
    value: '{!SPACING_X_SMALL}'
    comment: 'Variable horizontal spacing token for size Small'
  VAR_SPACING_HORIZONTAL_MEDIUM:
    value: '{!SPACING_SMALL}'
    comment: 'Variable horizontal spacing token for size Medium'
  VAR_SPACING_HORIZONTAL_LARGE:
    value: '{!SPACING_SMALL}'
    comment: 'Variable horizontal spacing token for size Large'
  VAR_SPACING_HORIZONTAL_X_LARGE:
    value: '{!SPACING_MEDIUM}'
    comment: 'Variable horizontal spacing token for size X Large'
  VAR_SPACING_HORIZONTAL_XX_LARGE:
    value: '{!SPACING_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_XXX_SMALL}'
    comment: 'Variable vertical spacing token for size XX Small'
  VAR_SPACING_VERTICAL_X_SMALL:
    value: '{!SPACING_XX_SMALL}'
    comment: 'Variable vertical spacing token for size X Small'
  VAR_SPACING_VERTICAL_SMALL:
    value: '{!SPACING_X_SMALL}'
    comment: 'Variable vertical spacing token for size Small'
  VAR_SPACING_VERTICAL_MEDIUM:
    value: '{!SPACING_X_SMALL}'
    comment: 'Variable vertical spacing token for size Medium'
  VAR_SPACING_VERTICAL_LARGE:
    value: '{!SPACING_SMALL}'
    comment: 'Variable vertical spacing token for size Large'
  VAR_SPACING_VERTICAL_X_LARGE:
    value: '{!SPACING_MEDIUM}'
    comment: 'Variable vertical spacing token for size X Large'
  VAR_SPACING_VERTICAL_XX_LARGE:
    value: '{!SPACING_LARGE}'
    comment: 'Variable vertical spacing token for size XX Large'

  VAR_FONT_SIZE_1:
    value: '{!FONT_SIZE_1}'
    comment: 'Variable typography token for font size 1'
  VAR_FONT_SIZE_2:
    value: '{!FONT_SIZE_2}'
    comment: 'Variable typography token for font size 2'
  VAR_FONT_SIZE_3:
    value: '{!FONT_SIZE_3}'
    comment: 'Variable typography token for font size 3'
  VAR_FONT_SIZE_4:
    value: '{!FONT_SIZE_4}'
    comment: 'Variable typography token for font size 4'
  VAR_FONT_SIZE_5:
    value: '{!FONT_SIZE_4}'
    comment: 'Variable typography token for font size 5'
  VAR_FONT_SIZE_6:
    value: '{!FONT_SIZE_5}'
    comment: 'Variable typography token for font size 6'
  VAR_FONT_SIZE_7:
    value: '{!FONT_SIZE_7}'
    comment: 'Variable typography token for font size 7'
  VAR_FONT_SIZE_8:
    value: '{!FONT_SIZE_7}'
    comment: 'Variable typography token for font size 8'
  VAR_FONT_SIZE_9:
    value: '{!FONT_SIZE_9}'
    comment: 'Variable typography token for font size 9'
  VAR_FONT_SIZE_10:
    value: '{!FONT_SIZE_10}'
    comment: 'Variable typography token for font size 10'
  VAR_FONT_SIZE_11:
    value: '{!FONT_SIZE_11}'
    comment: 'Variable typography token for font size 11'