package.lib.components.VTimeline._variables.scss Maven / Gradle / Ivy
@use '../../styles/tools';
// VTimeline
$timeline-density-comfortable-grid-template-end: min-content min-content auto !default;
$timeline-density-comfortable-grid-template-start: auto min-content min-content !default;
$timeline-density-compact-grid-template-end: 0 min-content auto !default;
$timeline-density-compact-grid-template-start: auto min-content 0 !default;
$timeline-dot-border-radius: 50% !default;
$timeline-dot-divider-background: rgb(var(--v-theme-surface-light)) !default;
$timeline-dot-size: 38px !default;
$timeline-inner-dot-divider-background: rgb(var(--v-theme-on-surface)) !default;
$timeline-inset-divider-line: var(--v-timeline-line-inset) !default;
$timeline-inset-line-size: 4px !default;
// VTimelineDivider
$timeline-divider-dot-elevation: 0 !default;
$timeline-divider-line-background: rgba(var(--v-border-color), var(--v-border-opacity)) !default;
$timeline-divider-line-horizontal-width: var(--v-timeline-line-inset, 0px) !default;
$timeline-divider-line-thickness: var(--v-timeline-line-thickness) !default;
// VTimelineItem
$timeline-item-grid-template-center: minmax(auto, 50%) min-content minmax(auto, 50%) !default;
$timeline-item-grid-template-auto: auto min-content auto !default;
$timeline-item-padding: 24px !default;
// Lists
$timeline-dot-border-sizes: () !default;
$timeline-dot-border-sizes: tools.map-deep-merge(
(
'x-small': 6px,
'small': 8px,
'default': 8px,
'large': 8px,
'x-large': 10px,
),
$timeline-dot-border-sizes
);