12345678910111213141516171819202122232425262728293031323334 |
- @import "../variate.less";
- .@{elNamespace}-message {
- // 重新定义message的padding和圆角
- --@{elNamespace}-message-padding: 9px 10px 9px 16px;
- min-width: 600px;
- max-width: 80%;
- border-radius: 2px;
- // el-message的info提示为蓝色
- &.@{elNamespace}-message--info {
- --@{elNamespace}-color-info: var(~'--@{elNamespace}-color-primary');
- --@{elNamespace}-message-border-color: var(~'--@{elNamespace}-color-primary');
- --@{elNamespace}-message-bg-color: var(~'--@{elNamespace}-color-primary-light-9');
- }
- // 修改字体颜色等样式
- .@{elNamespace}-message__content {
- color: var(~'--@{elNamespace}-text-color-primary');
- font-weight: 400;
- line-height: 22px;
- }
- // 按照ui标准修改close的位置定位
- .@{elNamespace}-message__closeBtn {
- right: 14px;
- }
- &--success{
- --@{elNamespace}-message-border-color: var(~'--@{elNamespace}-color-success');
- }
- &--error{
- --@{elNamespace}-message-border-color: var(~'--@{elNamespace}-color-error');
- }
- &--warning{
- --@{elNamespace}-message-border-color: var(~'--@{elNamespace}-color-warning');
- }
- }
|