summaryrefslogtreecommitdiff
path: root/src/web/app/app.styl
blob: 431b9daa65dfc33ca8aaad8544974a908699abf0 (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
@import "../style"
@import "../animation"

html
	&.progress
		&, *
			cursor progress !important

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