koel/resources/assets/css/vendor/nprogress.pcss

48 lines
842 B
Text
Raw Normal View History

2022-04-15 14:24:30 +00:00
/**
* A stripped-down style of NProgress.
* Heck, rstacruz (the author) even said:
* > The included CSS file is pretty minimal... in fact, feel free to scrap it and make your own!
*/
#nprogress {
pointer-events: none;
.bar {
2022-06-10 10:47:46 +00:00
display: none;
2022-04-15 14:24:30 +00:00
}
/* Fancy blur effect */
.peg {
2022-06-10 10:47:46 +00:00
display: none;
}
.spinner {
2022-04-15 14:24:30 +00:00
display: block;
2022-06-10 10:47:46 +00:00
position: fixed;
z-index: 9999;
top: 15px;
right: 13px;
}
.spinner-icon {
width: 18px;
height: 18px;
box-sizing: border-box;
border: solid 2px transparent;
border-top-color: var(--color-highlight);
border-left-color: var(--color-highlight);
border-radius: 50%;
2022-04-15 14:24:30 +00:00
2022-06-10 10:47:46 +00:00
animation: nprogress-spinner 400ms linear infinite;
2022-04-15 14:24:30 +00:00
}
}
2022-06-10 10:47:46 +00:00
@keyframes nprogress-spinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
2022-04-15 14:24:30 +00:00
}
}