summaryrefslogtreecommitdiff
path: root/src/web/app/base.styl
blob: 0e5eeba9718be748d9f3ae5e186bb921b87ce9b4 (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
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
@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

pre
	overflow auto

	> code
		font-family Consolas, 'Courier New', Courier, Monaco, monospace
		tab-size 2

		.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

mk-locker
	display block
	position fixed
	top 0
	left 0
	z-index 65536
	width 100%
	height 100%
	cursor wait