12345678910111213141516171819202122 |
- .@{elNamespace}-notification {
- // border-radius: 2px;
- &.cip-notification-success {
- border-color: var(--el-color-success);
- background-color: var(--el-color-success-light-9);
- }
- &.cip-notification-error {
- border-color: var(--el-color-error);
- background-color: var(--el-color-error-light-9);
- }
- &.cip-notification-warning {
- border-color: var(--el-color-warning);
- background-color: var(--el-color-warning-light-9);
- }
- &.cip-notification-info {
- border-color: var(--el-color-primary);
- background-color: var(--el-color-primary-light-9);
- .@{elNamespace}-notification__icon {
- color: var(--el-color-primary);
- }
- }
- }
|