9485139034fbec87c700207172ede59c00b1bed840c678e0e3da4f43544b3352ae76ab84e42b04ce73825b1327fb152582ffb61f75879f285e917d524a7fa6 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. @import 'mixins/mixins';
  2. @import 'common/var';
  3. @include b(result) {
  4. display: flex;
  5. justify-content: center;
  6. align-items: center;
  7. flex-direction: column;
  8. text-align: center;
  9. box-sizing: border-box;
  10. padding: $--result-padding;
  11. @include e(icon) {
  12. svg {
  13. width: $--result-icon-font-size;
  14. height: $--result-icon-font-size;
  15. }
  16. }
  17. @include e(title) {
  18. margin-top: $--result-title-margin-top;
  19. p {
  20. margin: 0;
  21. font-size: $--result-title-font-size;
  22. color: $--color-text-primary;
  23. line-height: 1.3;
  24. }
  25. }
  26. @include e(subtitle) {
  27. margin-top: $--result-subtitle-margin-top;
  28. p {
  29. margin: 0;
  30. font-size: $--font-size-base;
  31. color: $--color-text-regular;
  32. line-height: 1.3;
  33. }
  34. }
  35. @include e(extra) {
  36. margin-top: $--result-extra-margin-top;
  37. }
  38. .icon-success {
  39. fill: $--result-success-color;
  40. }
  41. .icon-error {
  42. fill: $--result-danger-color;
  43. }
  44. .icon-info {
  45. fill: $--result-info-color;
  46. }
  47. .icon-warning {
  48. fill: $--result-warning-color;
  49. }
  50. }