index.less 733 B

12345678910111213141516171819202122
  1. .@{elNamespace}-notification {
  2. // border-radius: 2px;
  3. &.cip-notification-success {
  4. border-color: var(--el-color-success);
  5. background-color: var(--el-color-success-light-9);
  6. }
  7. &.cip-notification-error {
  8. border-color: var(--el-color-error);
  9. background-color: var(--el-color-error-light-9);
  10. }
  11. &.cip-notification-warning {
  12. border-color: var(--el-color-warning);
  13. background-color: var(--el-color-warning-light-9);
  14. }
  15. &.cip-notification-info {
  16. border-color: var(--el-color-primary);
  17. background-color: var(--el-color-primary-light-9);
  18. .@{elNamespace}-notification__icon {
  19. color: var(--el-color-primary);
  20. }
  21. }
  22. }