winbox-ui-next/es/input-number/style/token.less

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

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

@input-number-border-radius: @radius-small;
@input-number-step-layer-border-radius: 1px;

@input-number-size-small-step-button-width: @size-small;
@input-number-size-medium-step-button-width: @size-medium;
@input-number-size-default-step-button-width: @size-default;

@input-number-step-button-color: var(~'@{winbox-cssvars-prefix}-color-text-2');
@input-number-step-button-hover-color: @color-primary-6;
@input-number-step-button-color_disabled: var(
  ~'@{winbox-cssvars-prefix}-color-text-4'
);
@input-number-step-button-color-border: var(
  ~'@{winbox-cssvars-prefix}-color-neutral-3'
);
@input-number-step-button-color-bg_default: var(
  ~'@{winbox-cssvars-prefix}-color-fill-2'
);
@input-number-step-button-color-bg_default_hover: var(
  ~'@{winbox-cssvars-prefix}-color-fill-3'
);
@input-number-step-button-color-bg_default_active: var(
  ~'@{winbox-cssvars-prefix}-color-fill-4'
);
@input-number-step-button-color-bg_disabled: var(
  ~'@{winbox-cssvars-prefix}-color-fill-2'
);
@input-number-step-button-color-bg_disabled_hover: var(
  ~'@{winbox-cssvars-prefix}-color-fill-2'
);
@input-number-step-button-color-bg_disabled_active: var(
  ~'@{winbox-cssvars-prefix}-color-fill-2'
);
@input-number-step-mode-button-bg_default: var(--color-fill-2);