| 1 | $nprogressColor ?= $accentColor
|
| 2 |
|
| 3 | #nprogress
|
| 4 | pointer-events none
|
| 5 | .bar
|
| 6 | background $nprogressColor
|
| 7 | position fixed
|
| 8 | z-index 1031
|
| 9 | top 0
|
| 10 | left 0
|
| 11 | width 100%
|
| 12 | height 2px
|
| 13 | .peg
|
| 14 | display block
|
| 15 | position absolute
|
| 16 | right 0px
|
| 17 | width 100px
|
| 18 | height 100%
|
| 19 | box-shadow 0 0 10px $nprogressColor, 0 0 5px $nprogressColor
|
| 20 | opacity 1.0
|
| 21 | transform rotate(3deg) translate(0px, -4px)
|
| 22 | .spinner
|
| 23 | display block
|
| 24 | position fixed
|
| 25 | z-index 1031
|
| 26 | top 15px
|
| 27 | right 15px
|
| 28 | .spinner-icon
|
| 29 | width 18px
|
| 30 | height 18px
|
| 31 | box-sizing border-box
|
| 32 | border solid 2px transparent
|
| 33 | border-top-color $nprogressColor
|
| 34 | border-left-color $nprogressColor
|
| 35 | border-radius 50%
|
| 36 | animation nprogress-spinner 400ms linear infinite
|
| 37 |
|
| 38 | .nprogress-custom-parent
|
| 39 | overflow hidden
|
| 40 | position relative
|
| 41 |
|
| 42 | .nprogress-custom-parent #nprogress .spinner,
|
| 43 | .nprogress-custom-parent #nprogress .bar
|
| 44 | position absolute
|
| 45 |
|
| 46 | @keyframes nprogress-spinner
|
| 47 | 0%
|
| 48 | transform rotate(0deg)
|
| 49 | 100%
|
| 50 | transform rotate(360deg)
|