vuestic-ui/dist/esm-node/VaBreadcrumbsItem.css

Vue 3 UI Framework

:root,
:host {
  /* General */
  --va-breadcrumb-item-display: inline-flex;
  --va-breadcrumb-item-color: inherit;
  /* Hovered */
  --va-breadcrumb-item-hover-opacity: 0.7;
  /* Focused */
  --va-breadcrumb-item-focus-text-decoration: underline;
}
.va-breadcrumb-item {
  display: var(--va-breadcrumb-item-display);
  color: var(--va-breadcrumb-item-color);
}
.va-breadcrumb-item--link {
  color: inherit;
  cursor: pointer;
}
.va-breadcrumb-item--link:hover {
  opacity: var(--va-breadcrumb-item-hover-opacity);
}
.va-breadcrumb-item--link:focus {
  -webkit-text-decoration: var(--va-breadcrumb-item-focus-text-decoration);
          text-decoration: var(--va-breadcrumb-item-focus-text-decoration);
}