1
0
mirror of https://github.com/hotomoe/hotomoe synced 2024-12-26 04:28:07 +09:00
hotomoe/src/client/app/app.styl

85 lines
1.2 KiB
Stylus
Raw Normal View History

2017-12-14 16:24:41 +09:00
@import "../style"
2018-02-23 03:33:12 +09:00
@import "../animation"
2016-12-29 07:49:51 +09:00
html
&.progress
&, *
cursor progress !important
2018-09-01 20:47:49 +09:00
html
// iOS
overflow auto
2017-11-02 12:39:19 +09:00
body
overflow-wrap break-word
2016-12-29 07:49:51 +09:00
#nprogress
pointer-events none
position absolute
z-index 65536
.bar
2018-09-26 20:19:35 +09:00
background var(--primary)
2016-12-29 07:49:51 +09:00
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%
2018-09-26 20:19:35 +09:00
box-shadow 0 0 10px var(--primary), 0 0 5px var(--primary)
2016-12-29 07:49:51 +09:00
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
2018-09-26 20:19:35 +09:00
border-top-color var(--primary)
border-left-color var(--primary)
2016-12-29 07:49:51 +09:00
border-radius 50%
animation progress-spinner 400ms linear infinite
@keyframes progress-spinner
0%
transform rotate(0deg)
100%
transform rotate(360deg)
2017-02-11 23:41:57 +09:00
code
font-family Consolas, 'Courier New', Courier, Monaco, monospace
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
[data-icon]
2017-12-08 14:35:50 +09:00
display inline-block