rtl.less 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. @import '../../style/themes/index';
  2. @import '../../style/mixins/index';
  3. @dialog-prefix-cls: ~'@{ant-prefix}-modal';
  4. @confirm-prefix-cls: ~'@{ant-prefix}-modal-confirm';
  5. @dialog-wrap-rtl-cls: ~'@{dialog-prefix-cls}-wrap-rtl';
  6. .@{dialog-prefix-cls} {
  7. &-wrap {
  8. &-rtl {
  9. direction: rtl;
  10. }
  11. }
  12. &-close {
  13. .@{dialog-wrap-rtl-cls} & {
  14. right: initial;
  15. left: 0;
  16. }
  17. }
  18. &-footer {
  19. .@{dialog-wrap-rtl-cls} & {
  20. text-align: left;
  21. }
  22. .@{ant-prefix}-btn + .@{ant-prefix}-btn {
  23. .@{dialog-wrap-rtl-cls} & {
  24. margin-right: 8px;
  25. margin-left: 0;
  26. }
  27. }
  28. }
  29. &-confirm {
  30. &-body {
  31. .@{dialog-wrap-rtl-cls} & {
  32. direction: rtl;
  33. }
  34. > .@{iconfont-css-prefix} {
  35. .@{dialog-wrap-rtl-cls} & {
  36. float: right;
  37. margin-right: 0;
  38. margin-left: 16px;
  39. }
  40. + .@{confirm-prefix-cls}-title + .@{confirm-prefix-cls}-content {
  41. .@{dialog-wrap-rtl-cls} & {
  42. margin-right: 38px;
  43. margin-left: 0;
  44. }
  45. }
  46. }
  47. }
  48. &-btns {
  49. .@{dialog-wrap-rtl-cls} & {
  50. text-align: left;
  51. }
  52. .@{ant-prefix}-btn + .@{ant-prefix}-btn {
  53. .@{dialog-wrap-rtl-cls} & {
  54. margin-right: 8px;
  55. margin-left: 0;
  56. }
  57. }
  58. }
  59. }
  60. }
  61. .@{dialog-prefix-cls}-centered {
  62. .@{dialog-prefix-cls} {
  63. .@{dialog-wrap-rtl-cls}& {
  64. text-align: right;
  65. }
  66. }
  67. }