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

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

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

@transfer-width: 200px;
@transfer-height: 298px;
@transfer-height-title: @size-12;
@transfer-height-footer: @size-12;
@transfer-padding-horizontal-footer: @spacing-4;
@transfer-border-color: var(~'@{winbox-cssvars-prefix}-color-neutral-3');
@transfer-border-width: @border-1;
@transfer-border-radius: @radius-small;

@transfer-font-size-header: @font-size-body-3;
@transfer-font-size-header-unit: @font-size-body-1;
@transfer-font-size-icon: @font-size-body-1;
@transfer-font-weight-header: @font-weight-500;

@transfer-color-text-header: var(~'@{winbox-cssvars-prefix}-color-text-1');
@transfer-color-text-header-unit: var(~'@{winbox-cssvars-prefix}-color-text-3');
@transfer-color-icon: var(~'@{winbox-cssvars-prefix}-color-text-2');
@transfer-color-bg-icon: var(~'@{winbox-cssvars-prefix}-color-fill-3');

@transfer-search-margin-left: 8px;
@transfer-search-margin-right: 8px;
@transfer-search-margin-top: 8px;
@transfer-search-margin-bottom: 0px;

@transfer-item-color-bg_default: @color-transparent;
@transfer-item-color-bg_hover: var(~'@{winbox-cssvars-prefix}-color-fill-2');
@transfer-item-color-bg_disabled: @color-transparent;
@transfer-item-color_default: var(~'@{winbox-cssvars-prefix}-color-text-1');
@transfer-item-color_hover: var(~'@{winbox-cssvars-prefix}-color-text-1');
@transfer-item-color_disabled: var(~'@{winbox-cssvars-prefix}-color-text-4');
@transfer-item-height: @size-8;
@transfer-item-padding-horizontal: @spacing-8;
@transfer-item-content-padding-horizontal: @spacing-3;
@transfer-item-font-size: @font-size-body-3;

@transfer-item-draggable-height-gap: 2px;
@transfer-item-draggable-color-bg-gap: @color-primary-6;
@transfer-item-draggable-color-bg_dragging: var(
  ~'@{winbox-cssvars-prefix}-color-fill-1'
);
@transfer-item-draggable-color_dragging: var(
  ~'@{winbox-cssvars-prefix}-color-text-4'
);
@transfer-item-draggable-color_blink: var(
  ~'@{winbox-cssvars-prefix}-color-primary-light-1'
);

@transfer-pagination-width-input: @size-6;
@transfer-pagination-gap-separator: @spacing-4;

@transfer-operation-padding-horizontal: @spacing-6;
@transfer-operation-gap-buttons: @spacing-7;