summaryrefslogtreecommitdiff
path: root/src/client/app/app.styl
blob: 3911f83a615cbd228881a515848b7cce9fab3259 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
@import "../style"
@import "../animation"

html
	&.progress
		&, *
			cursor progress !important

html
	// iOSのため
	overflow auto

body
	overflow-wrap break-word

#error
	padding 32px
	color #fff

	hr
		border solid 1px #fff

#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)

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

[data-fa]
	display inline-block