_loading.scss 715 B

12345678910111213141516171819202122232425262728293031323334
  1. // Loading
  2. .loading {
  3. color: transparent !important;
  4. min-height: $unit-4;
  5. pointer-events: none;
  6. position: relative;
  7. &::after {
  8. animation: loading 500ms infinite linear;
  9. border: $border-width-lg solid $primary-color;
  10. border-radius: 50%;
  11. border-right-color: transparent;
  12. border-top-color: transparent;
  13. content: "";
  14. display: block;
  15. height: $unit-4;
  16. left: 50%;
  17. margin-left: -$unit-2;
  18. margin-top: -$unit-2;
  19. position: absolute;
  20. top: 50%;
  21. width: $unit-4;
  22. z-index: $zindex-0;
  23. }
  24. &.loading-lg {
  25. min-height: $unit-10;
  26. &::after {
  27. height: $unit-8;
  28. margin-left: -$unit-4;
  29. margin-top: -$unit-4;
  30. width: $unit-8;
  31. }
  32. }
  33. }