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)
|