Variable skinConst

Type Declaration

• borderStyle: "--skin--border-style"

• borderColor: "--skin--border-color"

• borderWidth: "--skin--border-width"

• borderRadius025: "--skin--border-radius-025"

• borderRadius050: "--skin--border-radius-050"

• borderRadius075: "--skin--border-radius-075"

• borderRadius100: "--skin--border-radius-100"

• borderRadius: "--skin--border-radius"

• outlineFocus: "--skin--outline-focus"

• outlineInvalid: "--skin--outline-invalid"

• strokeWidth: "--skin--stroke-width"

• color: "--skin--color"

• backgroundColor: "--skin--background-color"

• colorSubtle: "--skin--color-subtle"

• colorStrong: "--skin--color-strong"

• colorInfo: "--skin--color-info"

• colorPass: "--skin--color-pass"

• colorWarn: "--skin--color-warn"

• colorFail: "--skin--color-fail"

• colorInfoStroke: "--skin--color-info-stroke"

• colorPassStroke: "--skin--color-pass-stroke"

• colorWarnStroke: "--skin--color-warn-stroke"

• colorFailStroke: "--skin--color-fail-stroke"

• colorLabel: "--skin--color-label"

• colorPlaceholder: "--skin--color-placeholder"

• colorEnabled: "--skin--color-enabled"

• colorDisabled: "--skin--color-disabled"

• colorLink: "--skin--color-link"

• colorLinkHover: "--skin--color-link-hover"

• colorHover: "--skin--color-hover"

• colorPressed: "--skin--color-pressed"

• colorSelected: "--skin--color-selected"

• colorFocus: "--skin--color-focus"

• colorOver: "--skin--color-over"

• backgroundColorEdit: "--skin--background-color-edit"

• backgroundColorStripe: "--skin--background-color-stripe"

• backgroundColorHover: "--skin--background-color-hover"

• backgroundColorPressed: "--skin--background-color-pressed"

• backgroundColorSelected: "--skin--background-color-selected"

• backgroundColorInfo: "--skin--background-color-info"

• backgroundColorPass: "--skin--background-color-pass"

• backgroundColorWarn: "--skin--background-color-warn"

• backgroundColorFail: "--skin--background-color-fail"

• backgroundColorRaised: "--skin--background-color-raised"

• backgroundColorOverlay: "--skin--background-color-overlay"

• backgroundColorSunken: "--skin--background-color-sunken"

• backgroundColorBlanket: "--skin--background-color-blanket"

• backgroundColorGlass: "--skin--background-color-glass"

• boxShadowRaised: "--skin--box-shadow-raised"

• boxShadowOverlay: "--skin--box-shadow-overlay"

• boxShadow: "--skin--box-shadow"

• zIndexSticky: "--skin--z-index-sticky"

• zIndexDropdown: "--skin--z-index-dropdown"

• zIndexBlanket: "--skin--z-index-blanket"

• zIndexModal: "--skin--z-index-modal"

• zIndexToast: "--skin--z-index-toast"

• zIndexTooltip: "--skin--z-index-tooltip"

• durationFast: "--skin--duration-fast"

• durationNormal: "--skin--duration-normal"

• durationSlow: "--skin--duration-slow"

• easingStandard: "--skin--easing-standard"

• easingEnter: "--skin--easing-enter"

• easingExit: "--skin--easing-exit"

• opacityDisabled: "--skin--opacity-disabled"

• opacityLoading: "--skin--opacity-loading"

• opacityLocked: "--skin--opacity-locked"

• colorGray010: "--skin--color-gray-010"

• colorGray020: "--skin--color-gray-020"

• colorGray030: "--skin--color-gray-030"

• colorGray040: "--skin--color-gray-040"

• colorGray050: "--skin--color-gray-050"

• colorGray060: "--skin--color-gray-060"

• colorGray070: "--skin--color-gray-070"

• colorGray080: "--skin--color-gray-080"

• colorGray090: "--skin--color-gray-090"

• colorGray100: "--skin--color-gray-100"

• colorSubtle010: "--skin--color-subtle-010"

• colorSubtle020: "--skin--color-subtle-020"

• colorSubtle030: "--skin--color-subtle-030"

• colorSubtle040: "--skin--color-subtle-040"

• colorSubtle050: "--skin--color-subtle-050"

• colorSubtle060: "--skin--color-subtle-060"

• colorSubtle070: "--skin--color-subtle-070"

• colorSubtle080: "--skin--color-subtle-080"

• colorSubtle090: "--skin--color-subtle-090"

• colorSubtle100: "--skin--color-subtle-100"

• colorStrong010: "--skin--color-strong-010"

• colorStrong020: "--skin--color-strong-020"

• colorStrong030: "--skin--color-strong-030"

• colorStrong040: "--skin--color-strong-040"

• colorStrong050: "--skin--color-strong-050"

• colorStrong060: "--skin--color-strong-060"

• colorStrong070: "--skin--color-strong-070"

• colorStrong080: "--skin--color-strong-080"

• colorStrong090: "--skin--color-strong-090"

• colorStrong100: "--skin--color-strong-100"

• colorHeat010: "--skin--color-heat-010"

• colorHeat020: "--skin--color-heat-020"

• colorHeat030: "--skin--color-heat-030"

• colorHeat040: "--skin--color-heat-040"

• colorHeat050: "--skin--color-heat-050"

• colorHeat060: "--skin--color-heat-060"

• colorHeat070: "--skin--color-heat-070"

• colorHeat080: "--skin--color-heat-080"

• colorHeat090: "--skin--color-heat-090"

• colorHeat100: "--skin--color-heat-100"

• colorSeries1: "--skin--color-series-1"

• colorSeries2: "--skin--color-series-2"

• colorSeries3: "--skin--color-series-3"

• colorSeries4: "--skin--color-series-4"

• colorSeries5: "--skin--color-series-5"

• colorSeries6: "--skin--color-series-6"

• colorSeries7: "--skin--color-series-7"

• colorSeries8: "--skin--color-series-8"

• colorSeries9: "--skin--color-series-9"

• colorArea1: "--skin--color-area-1"

• colorArea2: "--skin--color-area-2"

• colorArea3: "--skin--color-area-3"

• colorArea4: "--skin--color-area-4"

• scaling025: "--skin--scaling-025"

• scaling050: "--skin--scaling-050"

• scaling075: "--skin--scaling-075"

• scaling090: "--skin--scaling-090"

• scaling100: "--skin--scaling-100"

• scaling110: "--skin--scaling-110"

• scaling125: "--skin--scaling-125"

• scaling150: "--skin--scaling-150"

• scaling200: "--skin--scaling-200"

• scaling250: "--skin--scaling-250"

• spacing010: "--skin--spacing-010"

• spacing025: "--skin--spacing-025"

• spacing050: "--skin--spacing-050"

• spacing075: "--skin--spacing-075"

• spacing100: "--skin--spacing-100"

• spacing150: "--skin--spacing-150"

• spacing200: "--skin--spacing-200"

• spacing250: "--skin--spacing-250"

• padding: "--skin--padding"

• fontFamily: "--skin--font-family"

• fontFamilyHeading: "--skin--font-family-heading"

• fontFamilyMono: "--skin--font-family-mono"

• fontSize: "--skin--font-size"

• fontSizeSmall: "--skin--font-size-small"

• fontSizeLarge: "--skin--font-size-large"

• fontSizeHeading: "--skin--font-size-heading"

• lineHeight: "--skin--line-height"

• letterSpacingHeading: "--skin--letter-spacing-heading"

• fontWeight: "--skin--font-weight"

• fontWeightStrong: "--skin--font-weight-strong"

• viewportSmall: "--skin--viewport-small"

• viewportMedium: "--skin--viewport-medium"

• viewportLarge: "--skin--viewport-large"

• viewportXlarge: "--skin--viewport-xlarge"

• look: "--skin--look"