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-medium |
--lns-lineHeight-medium |
--lns-fontSize-large |
--lns-lineHeight-large |
--lns-fontSize-xlarge |
--lns-lineHeight-xlarge |
--lns-fontSize-xxlarge |
--lns-lineHeight-xxlarge |
--lns-fontSize-xxxlarge |
--lns-lineHeight-xxxlarge |
Weight
--lns-fontWeight-regular |
--lns-fontWeight-medium |
--lns-fontWeight-bold |
--lns-fontWeight-black |
Radius
--lns-radius-medium |
--lns-radius-large |
--lns-radius-xlarge |
--lns-radius-full |
Shadow
--lns-shadow-small |
--lns-shadow-medium |
--lns-shadow-large |
--lns-formFieldBorderWidth |
--lns-formFieldBorderWidthFocus |
--lns-formFieldHeight |
--lns-formFieldRadius |
--lns-formFieldHorizontalPadding |
--lns-formFieldBorderShadow |
--lns-formFieldBorderShadowFocus |
Color
See Colors