winbox-ui-next/lib/breadcrumb/style/token.less

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

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

@breadcrumb-color-text: var(~'@{winbox-cssvars-prefix}-color-text-2');
@breadcrumb-color-text_active: var(~'@{winbox-cssvars-prefix}-color-text-1');
@breadcrumb-color-link-text: var(~'@{winbox-cssvars-prefix}-color-text-2');
@breadcrumb-color-link-text-hover: @color-link-6;
@breadcrumb-color-separator: var(~'@{winbox-cssvars-prefix}-color-text-4');

@breadcrumb-margin-separator-horizontal: @spacing-2;
@breadcrumb-margin-dropdown-icon-left: @spacing-2;
@breadcrumb-padding-text-horizontal: @spacing-2;
@breadcrumb-border-text-radius_hover: @radius-small;

@breadcrumb-size-text-height: @size-5;
@breadcrumb-size-separator-height: @size-3;
@breadcrumb-size-dropdown-icon: @size-3;
@breadcrumb-size-font-size: @font-size-body-3;
@breadcrumb-font-weight_active: @font-weight-500;

@breadcrumb-color-icon:var (~'@{winbox-cssvars-prefix}-color-text-3');
@breadcrumb-color-link-text_hover: @color-link-6;
@breadcrumb-color-dropdown-icon: var(~'@{winbox-cssvars-prefix}-color-text-2');