Skip to content

Should spacing tokens include component? #16

Description

@dylandepass
  --sds-semantic-spacing-gap-component-10xl: 176px;
  --sds-semantic-spacing-gap-component-9xl: 160px;
  --sds-semantic-spacing-gap-component-8xl: 128px;
  --sds-semantic-spacing-gap-component-7xl: 96px;
  --sds-semantic-spacing-gap-component-6xl: 80px;
  --sds-semantic-spacing-gap-component-5xl: 72px;
  --sds-semantic-spacing-gap-component-4xl: 64px;
  --sds-semantic-spacing-gap-component-3xl: 56px;
  --sds-semantic-spacing-gap-component-2xl: 48px;
  --sds-semantic-spacing-gap-component-xl: 36px;
  --sds-semantic-spacing-gap-component-lg: 24px;
  --sds-semantic-spacing-gap-component-md: 16px;
  --sds-semantic-spacing-gap-component-sm: 12px;
  --sds-semantic-spacing-gap-component-xs: 8px;
  --sds-semantic-spacing-around-component-10xl: 96px;
  --sds-semantic-spacing-around-component-9xl: 80px;
  --sds-semantic-spacing-around-component-8xl: 72px;
  --sds-semantic-spacing-around-component-7xl: 64px;
  --sds-semantic-spacing-around-component-6xl: 56px;
  --sds-semantic-spacing-around-component-5xl: 48px;
  --sds-semantic-spacing-around-component-4xl: 40px;
  --sds-semantic-spacing-around-component-3xl: 32px;
  --sds-semantic-spacing-around-component-2xl: 24px;
  --sds-semantic-spacing-around-component-xl: 20px;
  --sds-semantic-spacing-around-component-lg: 16px;
  --sds-semantic-spacing-around-component-md: 12px;
  --sds-semantic-spacing-around-component-sm: 8px;
  --sds-semantic-spacing-around-component-xs: 5px;

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions