empty.scss 814 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. @import "mixins/mixins";
  2. @import "common/var";
  3. @include b(empty) {
  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: $--empty-padding;
  11. @include e(image) {
  12. width: $--empty-image-width;
  13. img {
  14. user-select: none;
  15. width: 100%;
  16. height: 100%;
  17. vertical-align: top;
  18. object-fit: contain;
  19. }
  20. svg {
  21. fill: $--svg-monochrome-grey;
  22. width: 100%;
  23. height: 100%;
  24. vertical-align: top;
  25. }
  26. }
  27. @include e(description) {
  28. margin-top: $--empty-description-margin-top;
  29. p {
  30. margin: 0;
  31. font-size: $--font-size-base;
  32. color: $--color-text-secondary;
  33. }
  34. }
  35. @include e(bottom) {
  36. margin-top: $--empty-bottom-margin-top;
  37. }
  38. }