zhangdocs 1.1.10 → 1.1.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -6,7 +6,8 @@
|
|
|
6
6
|
line-height: 1.6
|
|
7
7
|
color: #24292e
|
|
8
8
|
@media mq-mobile
|
|
9
|
-
padding:
|
|
9
|
+
padding: 16px 12px
|
|
10
|
+
font-size: 15px
|
|
10
11
|
&>*:first-child
|
|
11
12
|
margin-top: 0 !important
|
|
12
13
|
strong
|
|
@@ -21,6 +22,9 @@
|
|
|
21
22
|
max-width: 100%
|
|
22
23
|
height: auto
|
|
23
24
|
border-radius: 4px
|
|
25
|
+
@media mq-mobile
|
|
26
|
+
display: block
|
|
27
|
+
margin: 12px auto
|
|
24
28
|
a
|
|
25
29
|
color: #0969da
|
|
26
30
|
text-decoration: none
|
|
@@ -35,6 +39,9 @@
|
|
|
35
39
|
font-weight: 600
|
|
36
40
|
line-height: 1.25
|
|
37
41
|
color: #1f2328
|
|
42
|
+
@media mq-mobile
|
|
43
|
+
margin-top: 0.6em
|
|
44
|
+
margin-bottom: 10px
|
|
38
45
|
a
|
|
39
46
|
display:none
|
|
40
47
|
&:hover a
|
|
@@ -70,6 +77,12 @@
|
|
|
70
77
|
background-color: #f6f8fa
|
|
71
78
|
border-radius: 3px
|
|
72
79
|
padding: 8px 16px
|
|
80
|
+
@media mq-mobile
|
|
81
|
+
margin-left: -12px
|
|
82
|
+
margin-right: -12px
|
|
83
|
+
padding: 8px 12px
|
|
84
|
+
border-left: none
|
|
85
|
+
border-radius: 0
|
|
73
86
|
&>:last-child
|
|
74
87
|
margin-bottom: 0
|
|
75
88
|
&>:first-child
|
|
@@ -77,6 +90,8 @@
|
|
|
77
90
|
p,blockquote,ul,ol,dl,table,pre
|
|
78
91
|
margin-top: 0
|
|
79
92
|
margin-bottom: 12px
|
|
93
|
+
@media mq-mobile
|
|
94
|
+
margin-bottom: 10px
|
|
80
95
|
ul,ol
|
|
81
96
|
padding-left: 1.5em
|
|
82
97
|
margin-bottom: 12px
|
|
@@ -94,6 +109,7 @@
|
|
|
94
109
|
pre
|
|
95
110
|
padding: 12px 16px
|
|
96
111
|
overflow: auto
|
|
112
|
+
-webkit-overflow-scrolling: touch
|
|
97
113
|
background-color: #f6f8fa
|
|
98
114
|
border: 1px solid #d8dee4
|
|
99
115
|
border-radius: 6px
|
|
@@ -103,6 +119,14 @@
|
|
|
103
119
|
white-space: pre-wrap
|
|
104
120
|
position: relative
|
|
105
121
|
margin-bottom: 12px
|
|
122
|
+
@media mq-mobile
|
|
123
|
+
padding: 10px 12px
|
|
124
|
+
font-size: 14px
|
|
125
|
+
border-radius: 4px
|
|
126
|
+
margin-left: -12px
|
|
127
|
+
margin-right: -12px
|
|
128
|
+
border-left: none
|
|
129
|
+
border-right: none
|
|
106
130
|
.code-copy-btn
|
|
107
131
|
position: absolute
|
|
108
132
|
top: 0
|
|
@@ -122,6 +146,12 @@
|
|
|
122
146
|
justify-content: center
|
|
123
147
|
width: 24px
|
|
124
148
|
height: 24px
|
|
149
|
+
@media mq-mobile
|
|
150
|
+
width: 32px
|
|
151
|
+
height: 32px
|
|
152
|
+
opacity: 0.7
|
|
153
|
+
top: 4px
|
|
154
|
+
right: 4px
|
|
125
155
|
&:hover
|
|
126
156
|
opacity: 1
|
|
127
157
|
color: #007bff
|
|
@@ -134,6 +164,9 @@
|
|
|
134
164
|
width: 20px
|
|
135
165
|
height: 20px
|
|
136
166
|
pointer-events: none
|
|
167
|
+
@media mq-mobile
|
|
168
|
+
width: 22px
|
|
169
|
+
height: 22px
|
|
137
170
|
code
|
|
138
171
|
background-color: transparent
|
|
139
172
|
color: #24292e
|
|
@@ -141,6 +174,8 @@
|
|
|
141
174
|
display: block
|
|
142
175
|
font-size: 15px
|
|
143
176
|
white-space: pre-wrap
|
|
177
|
+
@media mq-mobile
|
|
178
|
+
font-size: 14px
|
|
144
179
|
// 确保代码内容不受按钮影响
|
|
145
180
|
&::before
|
|
146
181
|
content: none
|
|
@@ -168,10 +203,20 @@
|
|
|
168
203
|
max-width: 100%
|
|
169
204
|
display: table
|
|
170
205
|
margin-bottom: 12px
|
|
206
|
+
@media mq-mobile
|
|
207
|
+
display: block
|
|
208
|
+
overflow-x: auto
|
|
209
|
+
-webkit-overflow-scrolling: touch
|
|
210
|
+
margin-left: -12px
|
|
211
|
+
margin-right: -12px
|
|
171
212
|
th,td
|
|
172
213
|
border: 1px solid #d8dee4
|
|
173
214
|
padding: 6px 13px
|
|
174
215
|
text-align: left
|
|
216
|
+
@media mq-mobile
|
|
217
|
+
padding: 8px 10px
|
|
218
|
+
font-size: 14px
|
|
219
|
+
white-space: nowrap
|
|
175
220
|
th
|
|
176
221
|
font-weight: 600
|
|
177
222
|
background: #f6f8fa
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
// Media queries
|
|
2
|
-
mq-mobile = "screen and (max-width:
|
|
3
|
-
mq-tablet = "screen and (min-width:
|
|
2
|
+
mq-mobile = "screen and (max-width: 768px)"
|
|
3
|
+
mq-tablet = "screen and (min-width: 769px) and (max-width: 1170px)"
|
|
4
4
|
// mq-iPhones4 = "only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2)"
|
|
5
5
|
// mq-normal = "screen and (min-width: 768px)"
|
|
6
6
|
|
|
@@ -13,14 +13,21 @@ reset-html5()
|
|
|
13
13
|
body,html
|
|
14
14
|
height:100%
|
|
15
15
|
font-family:Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol"
|
|
16
|
-
.logo
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
16
|
+
.logo
|
|
17
|
+
float left
|
|
18
|
+
padding: 10px 20px 0 0
|
|
19
|
+
font-size: 24px
|
|
20
|
+
color:#61dafb
|
|
21
|
+
@media mq-mobile
|
|
22
|
+
float: none
|
|
23
|
+
padding: 0 0 12px 0
|
|
24
|
+
font-size: 20px
|
|
25
|
+
text-align: center
|
|
26
|
+
border-bottom: 1px solid rgba(0,0,0,0.1)
|
|
27
|
+
margin-bottom: 12px
|
|
28
|
+
img
|
|
29
|
+
vertical-align: middle
|
|
30
|
+
margin: -4px 0 0 0
|
|
24
31
|
|
|
25
32
|
// 主色调
|
|
26
33
|
$primary-color = #4A90E2 // 主题蓝色
|
|
@@ -40,8 +47,12 @@ $hover-color = #1ABC9C // 悬停绿色
|
|
|
40
47
|
position: fixed
|
|
41
48
|
width: 100%
|
|
42
49
|
@media mq-mobile
|
|
43
|
-
height
|
|
44
|
-
position:
|
|
50
|
+
height: auto
|
|
51
|
+
position: relative
|
|
52
|
+
padding: 12px
|
|
53
|
+
line-height: 1.5
|
|
54
|
+
border-bottom: 1px solid $border-color
|
|
55
|
+
box-shadow: 0 2px 4px rgba(0,0,0,0.1)
|
|
45
56
|
ul
|
|
46
57
|
list-style: none
|
|
47
58
|
position: relative
|
|
@@ -50,9 +61,12 @@ $hover-color = #1ABC9C // 悬停绿色
|
|
|
50
61
|
overflow-x:auto
|
|
51
62
|
height:100%
|
|
52
63
|
@media mq-mobile
|
|
53
|
-
display
|
|
54
|
-
|
|
55
|
-
|
|
64
|
+
display: flex
|
|
65
|
+
flex-direction: column
|
|
66
|
+
width: 100%
|
|
67
|
+
overflow: visible
|
|
68
|
+
height: auto
|
|
69
|
+
padding: 0
|
|
56
70
|
ul
|
|
57
71
|
display: none
|
|
58
72
|
background: #D1D1D1
|
|
@@ -61,6 +75,12 @@ $hover-color = #1ABC9C // 悬停绿色
|
|
|
61
75
|
position: absolute
|
|
62
76
|
top: 100%
|
|
63
77
|
z-index 9
|
|
78
|
+
@media mq-mobile
|
|
79
|
+
position: static
|
|
80
|
+
background: rgba(0,0,0,0.02)
|
|
81
|
+
border-left: 3px solid $primary-color
|
|
82
|
+
margin-left: 15px
|
|
83
|
+
display: none
|
|
64
84
|
li.active
|
|
65
85
|
a
|
|
66
86
|
color:$primary-color
|
|
@@ -70,14 +90,23 @@ $hover-color = #1ABC9C // 悬停绿色
|
|
|
70
90
|
float: none
|
|
71
91
|
border-bottom: 1px solid #C8C8C8
|
|
72
92
|
position: relative
|
|
93
|
+
@media mq-mobile
|
|
94
|
+
border-bottom: 1px solid rgba(0,0,0,0.05)
|
|
73
95
|
a:hover
|
|
74
96
|
background: #4b545f
|
|
75
97
|
color:$hover-color
|
|
98
|
+
@media mq-mobile
|
|
99
|
+
background: rgba(0,0,0,0.03)
|
|
100
|
+
color: $text-color
|
|
76
101
|
a
|
|
77
102
|
color: $text-color
|
|
78
103
|
line-height: 29px
|
|
79
104
|
white-space:nowrap
|
|
80
105
|
word-break:keep-all
|
|
106
|
+
@media mq-mobile
|
|
107
|
+
padding: 8px 15px
|
|
108
|
+
line-height: 1.5
|
|
109
|
+
font-size: 14px
|
|
81
110
|
ul
|
|
82
111
|
position: absolute
|
|
83
112
|
left: 100%
|
|
@@ -85,17 +114,35 @@ $hover-color = #1ABC9C // 悬停绿色
|
|
|
85
114
|
li
|
|
86
115
|
float: left
|
|
87
116
|
line-height: 40px
|
|
117
|
+
@media mq-mobile
|
|
118
|
+
float: none
|
|
119
|
+
line-height: 1.5
|
|
120
|
+
width: 100%
|
|
121
|
+
border-bottom: 1px solid rgba(0,0,0,0.05)
|
|
88
122
|
a
|
|
89
123
|
color: $text-color
|
|
90
124
|
text-decoration: none
|
|
91
125
|
padding: 0 15px
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
126
|
+
display: block
|
|
127
|
+
@media mq-mobile
|
|
128
|
+
padding: 12px 15px
|
|
129
|
+
width: 100%
|
|
130
|
+
font-size: 15px
|
|
131
|
+
&:hover
|
|
132
|
+
@media mq-mobile
|
|
133
|
+
background-color: rgba(0,0,0,0.02)
|
|
134
|
+
a
|
|
135
|
+
color: $hover-color
|
|
95
136
|
li.active
|
|
137
|
+
@media mq-mobile
|
|
138
|
+
background-color: rgba(74, 144, 226, 0.1)
|
|
96
139
|
a
|
|
97
140
|
color:$primary-color
|
|
98
141
|
height: 40px
|
|
142
|
+
@media mq-mobile
|
|
143
|
+
height: auto
|
|
144
|
+
color: $primary-color
|
|
145
|
+
font-weight: 600
|
|
99
146
|
ul li:hover > ul
|
|
100
147
|
display: block
|
|
101
148
|
ul:after
|
|
@@ -108,7 +155,7 @@ $hover-color = #1ABC9C // 悬停绿色
|
|
|
108
155
|
height: 100%
|
|
109
156
|
overflow: auto
|
|
110
157
|
@media mq-mobile
|
|
111
|
-
padding-top 0
|
|
158
|
+
padding-top: 0
|
|
112
159
|
.page-toc,.markdown-body
|
|
113
160
|
height:100%
|
|
114
161
|
.markdown-body
|