Initial commit 🍀
This commit is contained in:
118
src/web/app/base.styl
Normal file
118
src/web/app/base.styl
Normal file
@@ -0,0 +1,118 @@
|
||||
@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
|
Reference in New Issue
Block a user