confirm.less 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. @import '../../style/mixins/index';
  2. @confirm-prefix-cls: ~'@{ant-prefix}-modal-confirm';
  3. .@{confirm-prefix-cls} {
  4. .@{ant-prefix}-modal-header {
  5. display: none;
  6. }
  7. .@{ant-prefix}-modal-body {
  8. padding: @modal-confirm-body-padding;
  9. }
  10. &-body-wrapper {
  11. .clearfix();
  12. }
  13. &-body {
  14. .@{confirm-prefix-cls}-title {
  15. display: block;
  16. // create BFC to avoid
  17. // https://user-images.githubusercontent.com/507615/37702510-ba844e06-2d2d-11e8-9b67-8e19be57f445.png
  18. overflow: hidden;
  19. color: @heading-color;
  20. font-weight: 500;
  21. font-size: @modal-confirm-title-font-size;
  22. line-height: 1.4;
  23. }
  24. .@{confirm-prefix-cls}-content {
  25. margin-top: 8px;
  26. color: @text-color;
  27. font-size: @font-size-base;
  28. }
  29. > .@{iconfont-css-prefix} {
  30. float: left;
  31. margin-right: 16px;
  32. font-size: 22px;
  33. // `content` after `icon` should set marginLeft
  34. + .@{confirm-prefix-cls}-title + .@{confirm-prefix-cls}-content {
  35. margin-left: 38px;
  36. }
  37. }
  38. }
  39. .@{confirm-prefix-cls}-btns {
  40. margin-top: 24px;
  41. text-align: right;
  42. .@{ant-prefix}-btn + .@{ant-prefix}-btn {
  43. margin-bottom: 0;
  44. margin-left: 8px;
  45. }
  46. }
  47. &-error &-body > .@{iconfont-css-prefix} {
  48. color: @error-color;
  49. }
  50. &-warning &-body > .@{iconfont-css-prefix},
  51. &-confirm &-body > .@{iconfont-css-prefix} {
  52. color: @warning-color;
  53. }
  54. &-info &-body > .@{iconfont-css-prefix} {
  55. color: @info-color;
  56. }
  57. &-success &-body > .@{iconfont-css-prefix} {
  58. color: @success-color;
  59. }
  60. // https://github.com/ant-design/ant-design/issues/37329
  61. .@{ant-prefix}-zoom-leave .@{confirm-prefix-cls}-btns {
  62. pointer-events: none;
  63. }
  64. }