index.scss 720 B

12345678910111213141516171819202122232425262728293031323334
  1. @import '../common/abstracts/variable';
  2. @import '../common/abstracts/mixin';
  3. @include b(notify) {
  4. display: flex;
  5. align-items: center;
  6. justify-content: center;
  7. box-sizing: border-box;
  8. padding: $-notify-padding;
  9. font-size: $-notify-font-size;
  10. line-height: $-notify-line-height;
  11. color: $-notify-text-color;
  12. // allow newline character
  13. white-space: pre-wrap;
  14. text-align: center;
  15. word-wrap: break-word;
  16. @include m(primary) {
  17. background: $-notify-primary-background;
  18. }
  19. @include m(success) {
  20. background: $-notify-success-background;
  21. }
  22. @include m(danger) {
  23. background: $-notify-danger-background;
  24. }
  25. @include m(warning) {
  26. background: $-notify-warning-background;
  27. }
  28. }