rtl.less 953 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. @import '../../style/themes/index';
  2. @import '../../style/mixins/index';
  3. @notification-prefix-cls: ~'@{ant-prefix}-notification';
  4. .@{notification-prefix-cls} {
  5. &-rtl {
  6. direction: rtl;
  7. }
  8. &-notice {
  9. &-closable &-message {
  10. .@{notification-prefix-cls}-rtl & {
  11. padding-right: 0;
  12. padding-left: 24px;
  13. }
  14. }
  15. &-with-icon &-message {
  16. .@{notification-prefix-cls}-rtl & {
  17. margin-right: 48px;
  18. margin-left: 0;
  19. }
  20. }
  21. &-with-icon &-description {
  22. .@{notification-prefix-cls}-rtl & {
  23. margin-right: 48px;
  24. margin-left: 0;
  25. }
  26. }
  27. &-icon {
  28. .@{notification-prefix-cls}-rtl & {
  29. margin-right: 4px;
  30. margin-left: 0;
  31. }
  32. }
  33. &-close {
  34. .@{notification-prefix-cls}-rtl & {
  35. right: auto;
  36. left: 22px;
  37. }
  38. }
  39. &-btn {
  40. .@{notification-prefix-cls}-rtl & {
  41. float: left;
  42. }
  43. }
  44. }
  45. }