@bee-design/ui/es/Modal/style/token.less

Bee Design React UI Library.

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

@modal-border-radius: @radius-medium;
@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(~'@{bee-cssvars-prefix}-color-border');
@modal-border-width: @border-none;
@modal-box-shadow: @shadow-none;
@modal-color-header-text: var(~'@{bee-cssvars-prefix}-color-text-1');
@modal-color-content-text: var(~'@{bee-cssvars-prefix}-color-text-1');
@modal-font-header-size: @font-size-title-1;
@modal-font-header-weight: @font-weight-500;
@modal-font-content-size: @font-size-body-3;
@modal-default-align-header: center;
@modal-simple-align-header: center;
@modal-default-align-footer: right;
@modal-simple-align-footer: center;

@modal-default-padding-horizontal: @spacing-4;
@modal-default-size-header-height: @size-10;
@modal-default-padding-content-vertical: @spacing-4;
@modal-default-padding-footer-vertical: @spacing-4;
@modal-default-size-width: 520px;

@modal-simple-size-width: 464px;
@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: 12px;
@modal-font-size-close-icon: 12px;
@modal-color-close-icon: var(~'@{bee-cssvars-prefix}-color-text-1');

@modal-backdrop-filter: 4px;