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

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

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

@modal-border-radius: @radius-small;
@modal-size-tip-icon: 18px;
@modal-margin-top: 100px;
@modal-margin-tip-icon-right: @spacing-5;
@modal-margin-footer-button-left: @spacing-6;
@modal-color-border: var(~'@{winbox-cssvars-prefix}-color-neutral-3');
@modal-color-header-text: var(~'@{winbox-cssvars-prefix}-color-text-1');
@modal-color-content-text: var(~'@{winbox-cssvars-prefix}-color-text-1');
@modal-font-header-size: @font-size-title-1;

@modal-default-padding-vertical: 9px;
@modal-default-padding-horizontal: @spacing-7;
@modal-default-padding-content-horizontal: @spacing-12;
@modal-default-padding-content-vertical: @spacing-8;
@modal-default-padding-footer-vertical: 9px;
@modal-default-size-width: 30%;
@modal-font-content-size: @font-size-body-3;
@modal-default-align-header: left;
@modal-simple-align-header: left;

@modal-simple-size-width: 400px;
@modal-simple-padding-horizontal: @spacing-10;
@modal-simple-padding-top: @spacing-9;
@modal-simple-padding-bottom: @spacing-10;
@modal-simple-margin-footer-top: @spacing-10;
@modal-simple-margin-content-top: @spacing-9;

@modal-position-close-icon-right: 16px;
@modal-font-size-close-icon: 12px;