summaryrefslogtreecommitdiff
path: root/src/docs/style.styl
blob: 96d14c2b981337eb9d1f85b0eb9b9011acae575d (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
@import "../client/style"
@import "./ui"

html
	--primary #fb4e4e
	--link #fb4e4e
	--linkTapHighlight #fb4e4eb3

body
	margin 0
	color #34495e
	word-break break-word

main
	margin 0 0 0 330px
	padding 64px
	width 850px
	max-width calc(100% - 330px)

	h1
		margin 0 0 24px 0
		padding 16px 0
		font-size 1.5em
		border-bottom solid 2px #eee

	h2
		margin 1em 0 24px 0
		padding 0 0 16px 0
		font-size 1.4em
		border-bottom solid 1px #eee

	h3
		margin 1em 0 0 0
		padding 0
		font-size 1.25em

	h4
		margin 1em 0 0 0

	p
		margin 1em 0
		line-height 1.6em

	hr
		border none
		border-bottom solid 2px #eee

	> aside
		margin-top 32px
		padding-top 32px
		border-top solid 2px #eee

	> footer
		margin 32px 0 0 0
		border-top solid 2px #eee

		> small
			display block
			margin 16px 0 0 0
			color #aaa

nav
	display block
	position fixed
	z-index 10000
	top 0
	left 0
	width 330px
	height 100%
	overflow auto
	padding 32px
	background #fff
	border-right solid 2px #eee

	ul
		padding 0
		margin 0

@media (max-width 1025px)
	main
		margin 0
		max-width 100%

	nav
		position relative
		width 100%
		max-height 128px
		background #f9f9f9
		border-right none

@media (max-width 768px)
	main
		padding 32px

@media (max-width 512px)
	main
		padding 16px

table
	width 100%
	max-width 100%
	overflow auto
	border-spacing 0
	border-collapse collapse

	thead
		font-weight bold
		border-bottom solid 2px #eee

		tr
			th
				text-align left

	tbody
		tr
			&:nth-child(odd)
				background #fbfbfb

	th, td
		padding 8px 16px
		min-width 128px

code
	padding 4px 8px
	font-family Consolas, 'Courier New', Courier, Monaco, monospace
	//color #295c92
	background #f2f2f2
	border-radius 4px

pre
	overflow auto

	> code
		display block
		padding 16px

kbd.group
	display inline-block
	padding 4px
	background #fbfbfb
	border 1px solid #d6d6d6
	border-radius 4px
	box-shadow 0 1px 1px rgba(0, 0, 0, 0.1)

kbd.key
	display inline-block
	padding 6px 8px
	background #fff
	border solid 1px #cecece
	border-radius 4px
	box-shadow 0 1px 1px rgba(0, 0, 0, 0.1)

td
	> kbd.group,
	> kbd.key
		margin 4px