nprogress.css 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. /* Make clicks pass-through */
  2. #nprogress {
  3. @apply pointer-events-none;
  4. }
  5. #nprogress .bar {
  6. @apply bg-primary fixed left-0 top-0 z-[1031] h-[2px] w-full;
  7. }
  8. /* Fancy blur effect */
  9. #nprogress .peg {
  10. @apply absolute right-0 block h-full w-[100px];
  11. box-shadow:
  12. 0 0 10px hsl(var(--primary)),
  13. 0 0 5px hsl(var(--primary));
  14. opacity: 1;
  15. transform: rotate(3deg) translate(0, -4px);
  16. }
  17. /* Remove these to get rid of the spinner */
  18. #nprogress .spinner {
  19. @apply fixed right-4 top-4 z-[1031] block;
  20. }
  21. #nprogress .spinner-icon {
  22. @apply border-t-primary border-l-primary size-4 rounded-full border-[2px] border-solid border-transparent;
  23. animation: nprogress-spinner 400ms linear infinite;
  24. }
  25. .nprogress-custom-parent {
  26. @apply relative overflow-hidden;
  27. }
  28. .nprogress-custom-parent #nprogress .spinner,
  29. .nprogress-custom-parent #nprogress .bar {
  30. @apply absolute;
  31. }
  32. @keyframes nprogress-spinner {
  33. 0% {
  34. transform: rotate(0deg);
  35. }
  36. 100% {
  37. transform: rotate(360deg);
  38. }
  39. }
  40. @keyframes nprogress-spinner {
  41. 0% {
  42. transform: rotate(0deg);
  43. }
  44. 100% {
  45. transform: rotate(360deg);
  46. }
  47. }