@use "./base";

// ===== time-picker ========
$time-picker-clear-icon-button-normal: base.$form-control-clear-icon-button-color;
$time-picker-clear-icon-button-hover: base.$form-control-clear-icon-button-color-hover;
$time-picker-clear-icon-button-active: base.$form-control-clear-icon-button-color-active;

$time-picker-aside-item-text-normal: base.$color-text-normal !default;
$time-picker-aside-item-text-selected: base.color-brand() !default;

$time-picker-aside-item-bg-normal: base.color-gray(1) !default;
$time-picker-aside-item-bg-hover: base.color-gray(3) !default;
$time-picker-aside-item-bg-selected: base.color-gray(1) !default;
$time-picker-aside-item-bg-active: base.color-gray(5) !default;

$timepicker-aside-item-width: 80px !default;
$timepicker-aside-item-with-second-width: 64px !default;

$timepicker-size-list: (
        sm,
        md,
) !default;

$timepicker-aside-item-font-size-list: (
        sm: 12px,
        md: 14px,
) !default;

$timepicker-aside-item-height-list: (
        sm: 28px,
        md: 32px,
) !default;