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

Vue 3 UI Framework

:root,
:host {
  /* General */
  --va-breadcrumbs-display: flex;
  --va-breadcrumbs-width: 100%;
  --va-breadcrumbs-justify-content: center;
  /* Item */
  --va-breadcrumbs-item-display: inline-flex;
  /* Separator */
  --va-breadcrumbs-separator-padding: var(--va-breadcrumbs-separator-py) var(--va-breadcrumbs-separator-px);
  --va-breadcrumbs-separator-py: 0;
  --va-breadcrumbs-separator-px: 0.5rem;
  --va-breadcrumbs-separator-display: inline-flex;
}
.va-breadcrumbs {
  display: var(--va-breadcrumbs-display);
  width: var(--va-breadcrumbs-width);
  justify-content: var(--va-breadcrumbs-justify-content);
  font-family: var(--va-font-family);
}
.va-breadcrumbs__item {
  display: var(--va-breadcrumbs-item-display);
}
.va-breadcrumbs__separator {
  padding: var(--va-breadcrumbs-separator-padding);
  display: var(--va-breadcrumbs-separator-display);
}