152 lines
2.2 KiB
Stylus
152 lines
2.2 KiB
Stylus
@import "../style"
|
|
@import "../animation"
|
|
|
|
html
|
|
&.progress
|
|
&, *
|
|
cursor progress !important
|
|
|
|
html
|
|
// iOSのため
|
|
overflow auto
|
|
|
|
body
|
|
overflow-wrap break-word
|
|
|
|
#nprogress
|
|
pointer-events none
|
|
|
|
position absolute
|
|
z-index 65536
|
|
|
|
.bar
|
|
background var(--primary)
|
|
|
|
position fixed
|
|
z-index 65537
|
|
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(--primary), 0 0 5px var(--primary)
|
|
opacity 1
|
|
|
|
transform rotate(3deg) translate(0px, -4px)
|
|
|
|
#wait
|
|
display block
|
|
position fixed
|
|
z-index 65537
|
|
top 15px
|
|
right 15px
|
|
|
|
&:before
|
|
content ""
|
|
display block
|
|
width 18px
|
|
height 18px
|
|
box-sizing border-box
|
|
|
|
border solid 2px transparent
|
|
border-top-color var(--primary)
|
|
border-left-color var(--primary)
|
|
border-radius 50%
|
|
|
|
animation progress-spinner 400ms linear infinite
|
|
|
|
@keyframes progress-spinner
|
|
0%
|
|
transform rotate(0deg)
|
|
100%
|
|
transform rotate(360deg)
|
|
|
|
code
|
|
font-family Consolas, 'Courier New', Courier, Monaco, monospace
|
|
|
|
.comment
|
|
opacity 0.5
|
|
|
|
.string
|
|
color #e96900
|
|
|
|
.regexp
|
|
color #e9003f
|
|
|
|
.keyword
|
|
color #2973b7
|
|
|
|
&.true
|
|
&.false
|
|
&.null
|
|
&.nil
|
|
&.undefined
|
|
color #ae81ff
|
|
|
|
.symbol
|
|
color #42b983
|
|
|
|
.number
|
|
.nan
|
|
color #ae81ff
|
|
|
|
.var:not(.keyword)
|
|
font-weight bold
|
|
font-style italic
|
|
//text-decoration underline
|
|
|
|
.method
|
|
font-style italic
|
|
color #8964c1
|
|
|
|
.property
|
|
color #a71d5d
|
|
|
|
.label
|
|
color #e9003f
|
|
|
|
pre
|
|
display block
|
|
|
|
> code
|
|
display block
|
|
overflow auto
|
|
tab-size 2
|
|
|
|
[data-icon]
|
|
display inline-block
|
|
|
|
.swal2-container
|
|
z-index 10000 !important
|
|
|
|
&.swal2-shown
|
|
background-color rgba(0, 0, 0, 0.5) !important
|
|
|
|
.swal2-popup
|
|
background var(--face) !important
|
|
|
|
.swal2-content
|
|
color var(--text) !important
|
|
|
|
.swal2-confirm
|
|
background-color var(--primary) !important
|
|
border-left-color var(--primary) !important
|
|
border-right-color var(--primary) !important
|
|
color var(--primaryForeground) !important
|
|
|
|
&:hover
|
|
background-image none !important
|
|
background-color var(--primaryDarken5) !important
|
|
|
|
&:active
|
|
background-image none !important
|
|
background-color var(--primaryDarken5) !important
|