@adobe/spectrum-css/dist/components/breadcrumb/vars.css

The Spectrum CSS top-level backwards compatible package

.spectrum-Breadcrumbs {
  --spectrum-breadcrumb-list-height: var(--spectrum-global-dimension-size-400);
  --spectrum-breadcrumb-item-text-size: var(--spectrum-global-dimension-font-size-200);
  --spectrum-breadcrumb-item-text-font-weight: var(--spectrum-alias-body-text-font-weight);
  --spectrum-breadcrumb-item-text-line-height: var(--spectrum-alias-body-text-line-height);
  --spectrum-breadcrumb-title-text-font-weight: var(--spectrum-alias-body-text-font-weight-strong);
  --spectrum-breadcrumb-button-gap: var(--spectrum-global-dimension-static-size-10);
  --spectrum-breadcrumb-item-margin-right: var(--spectrum-global-dimension-static-size-10);
  --spectrum-breadcrumb-item-padding-x: var(--spectrum-global-dimension-size-100);
  --spectrum-breadcrumb-item-border-radius: var(--spectrum-alias-border-radius-regular);
  --spectrum-breadcrumb-item-border-size-key-focus: var(--spectrum-alias-border-size-thick);
  --spectrum-breadcrumb-compact-item-text-size: var(--spectrum-global-dimension-font-size-100);
  --spectrum-breadcrumb-multiline-item-text-size: var(--spectrum-global-dimension-font-size-75);
  --spectrum-breadcrumb-multiline-item-text-font-weight: var(--spectrum-alias-body-text-font-weight);
  --spectrum-breadcrumb-multiline-item-text-line-height: var(--spectrum-alias-body-text-line-height);
  --spectrum-breadcrumb-multiline-title-margin-top: var(--spectrum-global-dimension-static-size-0);
  --spectrum-breadcrumb-multiline-title-text-size: var(--spectrum-global-dimension-font-size-300);
  --spectrum-breadcrumb-multiline-title-text-font-weight: var(--spectrum-alias-body-text-font-weight-strong);
  --spectrum-breadcrumb-multiline-title-text-line-height: var(--spectrum-alias-heading-text-line-height);
  --spectrum-breadcrumb-item-text-color: var(--spectrum-alias-label-text-color);
  --spectrum-breadcrumb-item-text-color-drop: var(--spectrum-alias-text-color-hover);
  --spectrum-breadcrumb-item-background-color-drop: var(--spectrum-alias-highlight-selected);
  --spectrum-breadcrumb-item-border-color-drop: var(--spectrum-global-color-blue-500);
  --spectrum-breadcrumb-separator-icon-color: var(--spectrum-alias-icon-color);
  --spectrum-breadcrumb-item-text-color-hover: var(--spectrum-alias-text-color-hover);
  --spectrum-breadcrumb-item-text-color-key-focus: var(--spectrum-alias-text-color-hover);
  --spectrum-breadcrumb-item-border-color-key-focus: var(--spectrum-alias-border-color-focus);
  --spectrum-breadcrumb-item-text-color-down: var(--spectrum-alias-text-color-down);
  --spectrum-breadcrumb-item-text-color-disabled: var(--spectrum-alias-text-color-disabled);
}