winbox-ui-next/es/checkbox/style/token.less

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

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

@checkbox-prefix-cls: ~'@{prefix}-checkbox';

@checkbox-mask-border-width: @border-1;
@checkbox-mask-border-style: @border-solid;
@checkbox-mask-border-radius: @radius-small;

@checkbox-mask-height: 16px;
@checkbox-mask-bg-height: @size-6;
@checkbox-mask-bg-color-bg: @icon-hover-color-bg;

@checkbox-mask-color-bg: var(~'@{winbox-cssvars-prefix}-color-bg-2');
@checkbox-mask-color-bg_checked: @color-primary-6;
@checkbox-mask-color-bg_disabled:var (~'@{winbox-cssvars-prefix}-color-fill-2');
@checkbox-mask-color-bg_checked_disabled: var(
  ~'@{winbox-cssvars-prefix}-color-primary-light-3'
);

@checkbox-mask-color-border: var(~'@{winbox-cssvars-prefix}-color-fill-3');
@checkbox-mask-color-border_hover: var(
  ~'@{winbox-cssvars-prefix}-color-fill-4'
);
@checkbox-mask-color-border_checked: @color-transparent;
@checkbox-mask-color-border_checked_disabled: @color-transparent;
@checkbox-mask-color-border_disabled: var(
  ~'@{winbox-cssvars-prefix}-color-fill-3'
);

@checkbox-color-text: var(~'@{winbox-cssvars-prefix}-color-text-1');
@checkbox-color-text_disabled: var(~'@{winbox-cssvars-prefix}-color-text-4');

@checkbox-group-spacing: @spacing-7;
@checkbox-text-mask-spacing: @spacing-4;
@checkbox-text-font-size: @font-size-body-3;

@checkbox-group-size-line-height_vertical: @size-8;
@checkbox-size-check-icon: 12px;
@checkbox-color-check-icon: var(~'@{winbox-cssvars-prefix}-color-white');
@checkbox-color-check-icon_disabled: var(
  ~'@{winbox-cssvars-prefix}-color-fill-3'
);
@checkbox-color-indeterminate-icon-width: 6px;
@checkbox-color-indeterminate-icon-height: 2px;
@checkbox-color-indeterminate-icon: var(
  ~'@{winbox-cssvars-prefix}-color-white'
); ;