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

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

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

@drawer-header-margin-bottom: @spacing-6;
@drawer-margin-footer-button-left: @spacing-6;
@drawer-font-header-size: @font-size-title-1;
@drawer-padding-horizontal: @spacing-7;
@drawer-padding-vertical: 9px;
@drawer-padding-footer-vertical: @spacing-7;
@drawer-padding-content-vertical: @spacing-8;
@drawer-padding-content-horizontal: @spacing-8;
@drawer-font-header-weight: @font-weight-500;

@drawer-color-border: var(~'@{winbox-cssvars-prefix}-color-neutral-3');
@drawer-color-header-text: var(~'@{winbox-cssvars-prefix}-color-text-1');
@drawer-color-content-text: var(~'@{winbox-cssvars-prefix}-color-text-1');

@drawer-position-close-icon-right: @spacing-7;
@drawer-font-size-close-icon: @size-3;