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

Vue 3 UI Framework

:root,
:host {
  --va-timeline-separator-display: flex;
  --va-timeline-separator-align-items: center;
  /* Line */
  --va-timeline-separator-line-transition: background-color ease 0.5s;
  --va-timeline-separator-line-width: 0.125rem;
  --va-timeline-separator-line-height: 0.125rem;
  --va-timeline-separator-line-flex: 1;
  /* Center */
  --va-timeline-separator-center-transition: background-color ease 0.5s;
  --va-timeline-separator-center-width: 0.5rem;
  --va-timeline-separator-center-height: 0.5rem;
  --va-timeline-separator-center-border-radius: 0.5rem;
  /* Vertical */
  --va-timeline-separator-vertical-flex-direction: column;
}
.va-timeline-separator {
  display: var(--va-timeline-separator-display);
  align-items: var(--va-timeline-separator-align-items);
}
.va-timeline-separator--vertical {
  flex-direction: var(--va-timeline-separator-vertical-flex-direction);
}
.va-timeline-separator__line {
  transition: var(--va-timeline-separator-line-transition);
  width: var(--va-timeline-separator-line-width);
  height: var(--va-timeline-separator-line-height);
  flex: var(--va-timeline-separator-line-flex);
}
.va-timeline-separator__center {
  transition: var(--va-timeline-separator-center-transition);
  width: var(--va-timeline-separator-center-width);
  height: var(--va-timeline-separator-center-height);
  border-radius: var(--va-timeline-separator-center-border-radius);
}