winbox-ui-next/lib/time-picker/style/token.less

We Design Vue 2.0: A Vue.js 3 UI Library

@import '../../style/theme/index.less';

@timepicker-wrapper-border-radius: @radius-medium;

@timepicker-column-width: 64px;
@timepicker-column-height: 224px;
@timepicker-cell-height: 22px;
@timepicker-cell-spacing: 0px;

@timepicker-color-border: var(~'@{winbox-cssvars-prefix}-color-neutral-3');
@timepicker-color-text-cell: var(~'@{winbox-cssvars-prefix}-color-text-1');
@timepicker-color-bg-cell_hover: var(~'@{winbox-cssvars-prefix}-color-fill-2');
@timepicker-color-bg-cell_active: var(~'@{winbox-cssvars-prefix}-color-fill-2');
@timepicker-color-font-cell_active: var(
  ~'@{winbox-cssvars-prefix}-color-fill-2'
);
@timepicker-color-text-cell_disabled: var(
  ~'@{winbox-cssvars-prefix}-color-text-4'
);

@timepicker-font-weight-cell: @font-weight-500;
@timepicker-font-weight-cell_active: @font-weight-700;

@timepicker-footer-border-color: var(
  ~'@{winbox-cssvars-prefix}-color-neutral-3'
);