@salesforce-ux/design-system/ui/components/welcome-mat/tokens/sizing.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:
  scope: component
  category: sizing
  type: size
  cssProperties:
  - '*height'
  - '*width'

props:
  WELCOME_MAT_WIDTH:
    value: '52.0625rem'
    comment: Welcome Mat Width

  WELCOME_MAT_MIN_HEIGHT:
    value: '25rem'
    comment: Min height for Overlay

  WELCOME_MAT_MAX_HEIGHT:
    value: '37.5rem'
    comment: Max height for Overlay

  WELCOME_MAT_WIDTH_PROGRESS_BAR:
    value: '12.5rem'
    comment: Welcome Mat Progress Bar width

  WELCOME_MAT_COMPLETE_ICON_SIZE:
    value: '1.25rem'
    comment: 'Size of the green completed check mark'

  WELCOME_MAT_CHECK_SIZE:
    value: 0.625rem
    comment: Size of the check mark in the green icon