mirror of
https://github.com/hotomoe/hotomoe
synced 2024-12-15 15:18:08 +09:00
171 lines
2.2 KiB
Stylus
171 lines
2.2 KiB
Stylus
@charset 'utf-8'
|
|
|
|
$theme-color = convert(themeColor)
|
|
$theme-color-foreground = convert(themeColorForeground)
|
|
|
|
@import './reset'
|
|
|
|
/*
|
|
::selection
|
|
background $theme-color
|
|
color #fff
|
|
*/
|
|
|
|
*
|
|
tap-highlight-color rgba($theme-color, 0.7)
|
|
-webkit-tap-highlight-color rgba($theme-color, 0.7)
|
|
|
|
html, body
|
|
margin 0
|
|
padding 0
|
|
scroll-behavior smooth
|
|
text-size-adjust 100%
|
|
font-family sans-serif
|
|
|
|
html
|
|
&.progress
|
|
&, *
|
|
cursor progress !important
|
|
|
|
#error
|
|
position fixed
|
|
z-index 32768
|
|
top 0
|
|
left 0
|
|
width 100%
|
|
height 100%
|
|
background #00f
|
|
color #fff
|
|
|
|
> p
|
|
text-align center
|
|
|
|
#nprogress
|
|
pointer-events none
|
|
|
|
position absolute
|
|
z-index 65536
|
|
|
|
.bar
|
|
background $theme-color
|
|
|
|
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 $theme-color, 0 0 5px $theme-color
|
|
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 $theme-color
|
|
border-left-color $theme-color
|
|
border-radius 50%
|
|
|
|
animation progress-spinner 400ms linear infinite
|
|
|
|
@keyframes progress-spinner
|
|
0%
|
|
transform rotate(0deg)
|
|
100%
|
|
transform rotate(360deg)
|
|
|
|
a
|
|
text-decoration none
|
|
color $theme-color
|
|
cursor pointer
|
|
|
|
&:hover
|
|
text-decoration underline
|
|
|
|
*
|
|
cursor pointer
|
|
|
|
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
|
|
|
|
mk-locker
|
|
display block
|
|
position fixed
|
|
top 0
|
|
left 0
|
|
z-index 65536
|
|
width 100%
|
|
height 100%
|
|
cursor wait
|