vuestic-ui
Version:
Vue 3 UI Framework
27 lines • 860 B
CSS
: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);
}