_loading.scss 852 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. /**
  2. * Loading
  3. * --------------------------------------------------
  4. */
  5. .loading-container {
  6. position: absolute;
  7. left: 0;
  8. top: 0;
  9. right: 0;
  10. bottom: 0;
  11. z-index: $z-index-loading;
  12. @include display-flex();
  13. @include justify-content(center);
  14. @include align-items(center);
  15. @include transition(0.2s opacity linear);
  16. visibility: hidden;
  17. opacity: 0;
  18. &:not(.visible) .icon,
  19. &:not(.visible) .spinner{
  20. display: none;
  21. }
  22. &.visible {
  23. visibility: visible;
  24. }
  25. &.active {
  26. opacity: 1;
  27. }
  28. .loading {
  29. padding: $loading-padding;
  30. border-radius: $loading-border-radius;
  31. background-color: $loading-bg-color;
  32. color: $loading-text-color;
  33. text-align: center;
  34. text-overflow: ellipsis;
  35. font-size: $loading-font-size;
  36. h1, h2, h3, h4, h5, h6 {
  37. color: $loading-text-color;
  38. }
  39. }
  40. }