Usage

.myClass {
  font-size: var(--lns-fontSize-medium);
  line-height: var(--lns-lineHeight-medium);
  box-shadow: var(--lns-shadow-medium);
  padding: var(--lns-space-large);
  color: var(--lns-color-primary);
}

Spacing

--lns-space-xsmall

--lns-space-small

--lns-space-medium

--lns-space-large

--lns-space-xlarge

--lns-space-xxlarge

Text

Size

--lns-fontSize-small

--lns-lineHeight-small

--lns-fontSize-body-sm

--lns-lineHeight-body-sm

--lns-fontSize-medium

--lns-lineHeight-medium

--lns-fontSize-body-md

--lns-lineHeight-body-md

--lns-fontSize-large

--lns-lineHeight-large

--lns-fontSize-body-lg

--lns-lineHeight-body-lg

--lns-fontSize-xlarge

--lns-lineHeight-xlarge

--lns-fontSize-heading-sm

--lns-lineHeight-heading-sm

--lns-fontSize-xxlarge

--lns-lineHeight-xxlarge

--lns-fontSize-heading-md

--lns-lineHeight-heading-md

--lns-fontSize-xxxlarge

--lns-lineHeight-xxxlarge

--lns-fontSize-heading-lg

--lns-lineHeight-heading-lg

Weight

--lns-fontWeight-book

--lns-fontWeight-bold

Radius

--lns-radius-medium

--lns-radius-large

--lns-radius-xlarge

--lns-radius-full

Shadow

--lns-shadow-small

--lns-shadow-medium

--lns-shadow-large

Form field

--lns-formFieldBorderWidth

--lns-formFieldBorderWidthFocus

--lns-formFieldHeight

--lns-formFieldRadius

--lns-formFieldHorizontalPadding

--lns-formFieldBorderShadow

--lns-formFieldBorderShadowFocus

--lns-formFieldBorderShadowError

Gradients

--lns-gradient-ai-primary

--lns-gradient-ai-secondary

Color

See Colors