mirror of
https://github.com/hotomoe/hotomoe
synced 2024-12-28 21:48:08 +09:00
119 lines
1.6 KiB
Stylus
119 lines
1.6 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
|
||
|
|
|
||
|
|
mk-locker
|
||
|
|
display block
|
||
|
|
position fixed
|
||
|
|
top 0
|
||
|
|
left 0
|
||
|
|
z-index 65536
|
||
|
|
width 100%
|
||
|
|
height 100%
|
||
|
|
cursor wait
|