winbox-ui-next
Version:
We Design Vue 2.0: A Vue.js 3 UI Library
46 lines (36 loc) • 1.95 kB
text/less
@import '../../style/theme/index.less';
@message-wrapper-margin-top: @spacing-8;
@message-wrapper-margin-bottom: @spacing-8;
@message-padding-top: 14px;
@message-padding-bottom: 14px;
@message-padding-left: @spacing-9;
@message-padding-right: @spacing-9;
@message-margin-bottom: @spacing-7;
@message-border-radius: @radius-small;
@message-font-size-icon: 22px;
@message-font-size-content: @font-size-body-3;
@message-icon-margin-right: @spacing-7;
@message-color-close-icon: var(~'@{winbox-cssvars-prefix}-color-text-1');
@message-close-icon-font-size: 12px;
@message-close-icon-margin: @spacing-7;
@message-close-icon-hover: @color-primary-6;
@message-close-icon-top: 15px;
@message-close-icon-right: @spacing-7;
@message-normal-color-bg: var(~'@{winbox-cssvars-prefix}-color-bg-popup');
@message-normal-color-icon: var(~'@{winbox-cssvars-prefix}-color-text-1');
@message-normal-color-content: var(~'@{winbox-cssvars-prefix}-color-text-1');
@message-info-color-bg: var(~'@{winbox-cssvars-prefix}-color-bg-popup');
@message-info-color-icon: @color-primary-6;
@message-info-color-content: var(~'@{winbox-cssvars-prefix}-color-text-1');
@message-success-color-bg: var(~'@{winbox-cssvars-prefix}-color-bg-popup');
@message-success-color-icon: @color-success-6;
@message-success-color-content: var(~'@{winbox-cssvars-prefix}-color-text-1');
@message-warning-color-bg: var(~'@{winbox-cssvars-prefix}-color-bg-popup');
@message-warning-color-icon: @color-warning-6;
@message-warning-color-content: var(~'@{winbox-cssvars-prefix}-color-text-1');
@message-error-color-bg: var(~'@{winbox-cssvars-prefix}-color-bg-popup');
@message-error-color-icon: @color-danger-6;
@message-error-color-content: var(~'@{winbox-cssvars-prefix}-color-text-1');
@message-loading-color-bg: var(~'@{winbox-cssvars-prefix}-color-bg-popup');
@message-loading-color-icon: @color-primary-6;
@message-loading-color-content: var(~'@{winbox-cssvars-prefix}-color-text-1');