koel/resources/assets/sass/vendor/_nprogress.scss

44 lines
812 B
SCSS
Raw Normal View History

2016-03-11 09:55:04 +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 {
2016-06-25 16:05:24 +00:00
/* Make clicks pass-through */
pointer-events: none;
2016-03-11 09:55:04 +00:00
2016-06-25 16:05:24 +00:00
.bar {
background: $colorOrange;
2016-03-11 09:55:04 +00:00
2016-06-25 16:05:24 +00:00
position: fixed;
z-index: 1031;
top: 0;
left: 0;
2016-03-11 09:55:04 +00:00
2016-06-25 16:05:24 +00:00
width: 100%;
height: 2px;
}
2016-03-11 09:55:04 +00:00
2016-06-25 16:05:24 +00:00
/* Fancy blur effect */
.peg {
display: block;
position: absolute;
right: 0px;
width: 100px;
height: 100%;
box-shadow: 0 0 10px $colorOrange, 0 0 5px $colorOrange;
opacity: 1.0;
2016-03-11 09:55:04 +00:00
2016-06-25 16:05:24 +00:00
transform: rotate(3deg) translate(0px, -4px);
}
2016-03-11 09:55:04 +00:00
}
.nprogress-custom-parent {
2016-06-25 16:05:24 +00:00
overflow: hidden;
position: relative;
2016-03-11 09:55:04 +00:00
2016-06-25 16:05:24 +00:00
#nprogress .spinner, #nprogress .bar {
position: absolute;
}
2016-03-11 09:55:04 +00:00
}