@use 'ej2-base/styles/definition/tailwind3' as *;
@forward 'ej2-base/styles/definition/tailwind3';
$timeline-dot-size: 16px !default;
$timeline-content-font-size: 14px !default;
$timeline-dot-font-size: 16px !default;
$timeline-opposite-content-font-size: 12px !default;
$timeline-dot-icon-size: 32px !default;

$timeline-bigger-dot-size: 20px !default;
$timeline-bigger-content-font-size: 16px !default;
$timeline-bigger-opposite-content-font-size: 14px !default;
$timeline-bigger-dot-font-size: 18px !default;
$timeline-bigger-dot-icon-size: 40px !default;
$timeline-content-font-weight: 500 !default;

$timeline-dot-color: $content-text-color !default;
$timeline-dot-background-color: $content-bg-color !default;
$timeline-dot-border-color: $content-bg-color-alt3 !default;
$timeline-content-font-color: $content-text-color-alt1 !default;
$timeline-opposite-content-font-color: $content-text-color-alt2 !default;
$timeline-item-disabled-color: $content-text-color-disabled !default;

$timeline-dot-border: 1px !default;
$timeline-dot-radius: $border-radius-50p !default;
$timeline-list-padding: 0 !default;
$timeline-inherit-height: inherit !default;
$timeline-auto-height: auto !default;
$timeline-height-none: 0 !default;