sharkey/src/web/app/app.styl

171 lines
2.2 KiB
Stylus
Raw Normal View History

2017-02-22 21:43:38 +09:00
json('../../const.json')
2016-12-29 07:49:51 +09:00
@charset 'utf-8'
2017-02-22 21:43:38 +09:00
$theme-color = themeColor
$theme-color-foreground = themeColorForeground
2016-12-29 07:49:51 +09:00
/*
::selection
background $theme-color
color #fff
*/
2016-12-29 07:49:51 +09:00
*
2017-11-02 12:39:19 +09:00
position relative
box-sizing border-box
background-clip padding-box !important
2016-12-29 07:49:51 +09:00
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
2017-11-02 12:39:19 +09:00
body
overflow-wrap break-word
2016-12-29 07:49:51 +09:00
#error
2017-05-09 16:26:37 +09:00
padding 32px
2016-12-29 07:49:51 +09:00
color #fff
2017-05-25 16:47:13 +09:00
hr
border solid 1px #fff
2016-12-29 07:49:51 +09:00
#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
2017-02-11 23:41:57 +09:00
code
font-family Consolas, 'Courier New', Courier, Monaco, monospace
.comment
opacity 0.5
2017-02-09 20:27:37 +09:00
.string
color #e96900
2017-02-09 19:41:17 +09:00
.regexp
color #e9003f
2017-02-09 19:41:17 +09:00
.keyword
color #2973b7
2017-02-09 21:47:45 +09:00
&.true
&.false
&.null
&.nil
&.undefined
color #ae81ff
2017-02-09 19:41:17 +09:00
.symbol
color #42b983
2017-02-10 00:40:34 +09:00
.number
.nan
color #ae81ff
2017-02-09 19:41:17 +09:00
.var:not(.keyword)
font-weight bold
font-style italic
//text-decoration underline
2017-02-10 00:40:34 +09:00
.method
font-style italic
color #8964c1
2017-02-09 19:41:17 +09:00
.property
color #a71d5d
2017-02-09 19:41:17 +09:00
.label
color #e9003f
2017-02-09 20:13:44 +09:00
pre
display block
2017-02-09 22:47:17 +09:00
> code
display block
overflow auto
tab-size 2
2017-02-09 22:47:17 +09:00
2016-12-29 07:49:51 +09:00
mk-locker
display block
position fixed
top 0
left 0
z-index 65536
width 100%
height 100%
cursor wait