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

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

main
	margin 0 0 0 256px
	padding 64px
	width 100%
	max-width 768px

	section
		margin 32px 0

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

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

	h3
		margin 0
		padding 0
		font-size 1.25em

	h4
		margin 0

	p
		margin 1em 0
		line-height 1.6em

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

		> small
			margin 16px 0 0 0
			color #aaa

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

@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
	display block
	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
	display inline-block
	padding 8px 10px
	font-family Consolas, 'Courier New', Courier, Monaco, monospace
	color #295c92
	background #f2f2f2
	border-radius 4px

pre
	overflow auto

	> code
		display block