@adobe/spectrum-css
Version:
The Spectrum CSS top-level backwards compatible package
37 lines (35 loc) • 2.88 kB
CSS
.spectrum-Breadcrumbs {
--spectrum-breadcrumb-ui-icon-width: var(--spectrum-global-dimension-size-75);
--spectrum-breadcrumb-ui-icon-height: var(--spectrum-global-dimension-size-100);
--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-padding-x: var(--spectrum-global-dimension-size-100);
--spectrum-breadcrumb-item-margin-right: var(--spectrum-global-dimension-static-size-10);
--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-title-margin: 0.3em 0;
--spectrum-breadcrumb-title-active-text-size: 28px;
--spectrum-breadcrumb-title-active-text-font-weight: 300;
--spectrum-breadcrumb-title-active-text-line-height: 32px;
--spectrum-breadcrumb-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-ui-icon-color: var(--spectrum-global-color-gray-500);
--spectrum-breadcrumb-text-color-hover: var(--spectrum-alias-text-color-hover);
--spectrum-breadcrumb-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-text-color-down: var(--spectrum-alias-text-color-down);
}