index.less 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. @import '../../style/themes/index';
  2. @import '../../style/mixins/index';
  3. @result-prefix-cls: ~'@{ant-prefix}-result';
  4. .@{result-prefix-cls} {
  5. padding: 48px 32px;
  6. // status color
  7. &-success &-icon > .@{iconfont-css-prefix} {
  8. color: @success-color;
  9. }
  10. &-error &-icon > .@{iconfont-css-prefix} {
  11. color: @error-color;
  12. }
  13. &-info &-icon > .@{iconfont-css-prefix} {
  14. color: @info-color;
  15. }
  16. &-warning &-icon > .@{iconfont-css-prefix} {
  17. color: @warning-color;
  18. }
  19. // Exception Status image
  20. &-image {
  21. width: 250px;
  22. height: 295px;
  23. margin: auto;
  24. }
  25. &-icon {
  26. margin-bottom: 24px;
  27. text-align: center;
  28. > .@{iconfont-css-prefix} {
  29. font-size: @result-icon-font-size;
  30. }
  31. }
  32. &-title {
  33. color: @heading-color;
  34. font-size: @result-title-font-size;
  35. line-height: 1.8;
  36. text-align: center;
  37. }
  38. &-subtitle {
  39. color: @text-color-secondary;
  40. font-size: @result-subtitle-font-size;
  41. line-height: 1.6;
  42. text-align: center;
  43. }
  44. &-extra {
  45. margin: @result-extra-margin;
  46. text-align: center;
  47. > * {
  48. margin-right: 8px;
  49. &:last-child {
  50. margin-right: 0;
  51. }
  52. }
  53. }
  54. &-content {
  55. margin-top: 24px;
  56. padding: 24px 40px;
  57. background-color: @background-color-light;
  58. }
  59. }
  60. @import './rtl';