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

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

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

// Line
@anchor-width: 180px;
@anchor-line-width: 2px;
@anchor-line-slider-height: 20px;
@anchor-line-margin-right: 16px;
@anchor-color-bg-line: var(~'@{winbox-cssvars-prefix}-color-fill-3');
@anchor-color-bg-line_active: @color-primary-6;

@anchor-border-radius-title-hover: @radius-small;

@anchor-item-inner-margin-left: @spacing-7;

@anchor-title-padding-horizontal: @spacing-2;
@anchor-title-padding-vertical: @spacing-2;

@anchor-color-title: var(~'@{winbox-cssvars-prefix}-color-text-2');
@anchor-color-title_hover: var(~'@{winbox-cssvars-prefix}-color-text-1');
@anchor-color-title_active: @color-primary-6;
@anchor-color-bg-title_hover: var(~'@{winbox-cssvars-prefix}-color-fill-2');
@anchor-font-size-title: 14px;

// Lineless
@anchor-lineless-color-title_active: @color-primary-6;
@anchor-lineless-bg-title_active: var(
  ~'@{winbox-cssvars-prefix}-color-fill-2'
); ;