mirror of
https://github.com/koel/koel
synced 2024-12-14 06:32:28 +00:00
44 lines
842 B
SCSS
44 lines
842 B
SCSS
|
/**
|
||
|
|
* 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 {
|
||
|
|
/* Make clicks pass-through */
|
||
|
|
pointer-events: none;
|
||
|
|
|
||
|
|
.bar {
|
||
|
|
background: var(--color-highlight);
|
||
|
|
|
||
|
|
position: fixed;
|
||
|
|
z-index: 1031;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
|
||
|
|
width: 100%;
|
||
|
|
height: 2px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Fancy blur effect */
|
||
|
|
.peg {
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
right: 0px;
|
||
|
|
width: 100px;
|
||
|
|
height: 100%;
|
||
|
|
box-shadow: 0 0 10px var(--color-highlight), 0 0 5px var(--color-highlight);
|
||
|
|
opacity: 1.0;
|
||
|
|
|
||
|
|
transform: rotate(3deg) translate(0px, -4px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.nprogress-custom-parent {
|
||
|
|
overflow: hidden;
|
||
|
|
position: relative;
|
||
|
|
|
||
|
|
#nprogress .spinner, #nprogress .bar {
|
||
|
|
position: absolute;
|
||
|
|
}
|
||
|
|
}
|