_loader.scss 699B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. .loader-component {
  2. justify-content: center;
  3. align-items: center;
  4. position: fixed;
  5. width: 100%;
  6. height: 100%;
  7. top: 0;
  8. left: 0;
  9. background-color: rgba(0,0,0,0.3);
  10. z-index: 3000;
  11. display: none;
  12. &.show {
  13. display: flex;
  14. }
  15. .loader-46 {
  16. position: relative;
  17. width: em(40);
  18. height: em(40);
  19. border-radius: 50%;
  20. margin-left: auto;
  21. margin-right: auto;
  22. transform: scale3d(2,2,2);
  23. &::after {
  24. content: '';
  25. width: em(16);
  26. height: em(16);
  27. border-radius: 50%;
  28. position: absolute;
  29. left: 0;
  30. transform: translate(-50%, 100%);
  31. animation: animloader46 1s linear infinite ;
  32. top: 0;
  33. }
  34. }
  35. }