@use 'sass:map';
@use '../index' as *;

$timeline: (
  border-color: var(--c-p),
  border-width: 0.125rem,
  bullet-border-color: var(--c-p),
  bullet-border-width: 0.125rem,
  bullet-shadow: 0 0 0 2px map.get($color, 'white'),
  bullet-top-position: 8%,
  content-color: var(--c-d),
  content-font: var(--f-m),
  first-item-offset: 2rem,
  first-item-height: calc(100% - var(--s-xs)),
  item-padding-top: 0,
  label-alignment: left,
  label-color: var(--c-d-140),
  label-font: var(--f-2xl),
  label-font-weight: map.get($font-weight, 'normal'),
  label-layout: static,
  label-margin: var(--s-s),
  last-item-height: 1.5rem,
  left-spacing: 0,
  title-color: var(--c-d-140),
  title-font: var(--f-l),
  title-font-weight: map.get($font-weight, 'bold'),
  title-margin: var(--s-s),
  toggle-bullet-border-color: var(--c-p-20),
  bullet-fill-color: map.get($color, 'white'),
  bullet-size: 0.75rem,
  toggle-bullet-border-width: 0.125rem,
  tooltip: true,
  toggle-spacing: true,
);
$timeline-print: (
  content-color: var(--c-d-80),
  content-font: map.get($font-prolonged-print, 'm'),
  label-color: var(--c-d-140),
  label-font: map.get($font-prolonged-print, 'm'),
  title-color: var(--c-d-140),
  title-font: map.get($font-prolonged-print, 'm'),
);
