index.less 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. @import './var.less';
  2. :root {
  3. --van-notify-text-color: @notify-text-color;
  4. --van-notify-padding: @notify-padding;
  5. --van-notify-font-size: @notify-font-size;
  6. --van-notify-line-height: @notify-line-height;
  7. --van-notify-primary-background-color: @notify-primary-background-color;
  8. --van-notify-success-background-color: @notify-success-background-color;
  9. --van-notify-danger-background-color: @notify-danger-background-color;
  10. --van-notify-warning-background-color: @notify-warning-background-color;
  11. }
  12. .van-notify {
  13. display: flex;
  14. align-items: center;
  15. justify-content: center;
  16. box-sizing: border-box;
  17. padding: var(--van-notify-padding);
  18. color: var(--van-notify-text-color);
  19. font-size: var(--van-notify-font-size);
  20. line-height: var(--van-notify-line-height);
  21. // allow newline character
  22. white-space: pre-wrap;
  23. text-align: center;
  24. word-wrap: break-word;
  25. &--primary {
  26. background: var(--van-notify-primary-background-color);
  27. }
  28. &--success {
  29. background: var(--van-notify-success-background-color);
  30. }
  31. &--danger {
  32. background: var(--van-notify-danger-background-color);
  33. }
  34. &--warning {
  35. background: var(--van-notify-warning-background-color);
  36. }
  37. }