Skip to content

Commit 9aad147

Browse files
pearofduckspearofducks
committed
[docs] Align GitBook theming to main Vue.js site
1 parent 1fbf9cd commit 9aad147

File tree

2 files changed

+205
-0
lines changed

2 files changed

+205
-0
lines changed

‎docs/en/styles/website.css

Lines changed: 199 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,199 @@
1+
@import url('https://fonts.googleapis.com/css?family=Roboto+Mono|Source+Sans+Pro:300,400,600');
2+
body { letter-spacing: 0; color: #34495e; }
3+
.book-summary ul.summary li a, .book-summary ul.summary li span { color: #7f8c8d; font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif; }
4+
.book .book-summary ul.summary li span { opacity: 0.6; cursor: not-allowed; }
5+
.book-summary ul.summary li.active>a { color: #42b983; font-weight: 600; }
6+
.book .book-body .page-wrapper .page-inner section.normal, .book-summary { font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif; }
7+
#book-search-input { background-color: #fafafa; }
8+
.book-summary { background-color: #fff; }
9+
.markdown-section h1,
10+
.markdown-section h2,
11+
.markdown-section h3,
12+
.markdown-section h4,
13+
.markdown-section strong {
14+
font-weight: 600;
15+
color: #2c3e50;
16+
}
17+
.markdown-section a {
18+
color: #42b983;
19+
font-weight: 600;
20+
}
21+
.markdown-section p,
22+
.markdown-section ul,
23+
.markdown-section ol {
24+
word-spacing: 0.05em;
25+
}
26+
.markdown-section code, .markdown-section pre { font-family: 'Roboto Mono', Monaco, courier, monospace; -webkit-font-smoothing: initial; background-color: #f8f8f8; }
27+
.markdown-section pre>code { font-size: 0.8em; display: block; }
28+
.markdown-section code:after, .markdown-section code:before { content: none; letter-spacing: 0.05em; }
29+
30+
body {
31+
font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif;
32+
font-size: 15px;
33+
-webkit-font-smoothing: antialiased;
34+
-moz-osx-font-smoothing: grayscale;
35+
color: #34495e;
36+
background-color: #fff;
37+
margin: 0;
38+
}
39+
a {
40+
text-decoration: none;
41+
color: #34495e;
42+
}
43+
img {
44+
border: none;
45+
}
46+
h1,
47+
h2,
48+
h3,
49+
h4,
50+
strong {
51+
font-weight: 600;
52+
color: #2c3e50;
53+
}
54+
code,
55+
pre {
56+
font-family: 'Roboto Mono', Monaco, courier, monospace;
57+
font-size: 0.8em;
58+
background-color: #f8f8f8;
59+
-webkit-font-smoothing: initial;
60+
-moz-osx-font-smoothing: initial;
61+
}
62+
code {
63+
color: #e96900;
64+
padding: 3px 5px;
65+
margin: 0 2px;
66+
border-radius: 2px;
67+
white-space: nowrap;
68+
}
69+
em {
70+
color: #7f8c8d;
71+
}
72+
p {
73+
word-spacing: 0.05em;
74+
}
75+
a.button {
76+
padding: 0.75em 2em;
77+
border-radius: 2em;
78+
display: inline-block;
79+
color: #fff;
80+
background-color: #4fc08d;
81+
transition: all 0.15s ease;
82+
box-sizing: border-box;
83+
border: 1px solid #4fc08d;
84+
}
85+
a.button.white {
86+
background-color: #fff;
87+
color: #42b983;
88+
}
89+
.highlight {
90+
overflow-x: auto;
91+
position: relative;
92+
padding: 0;
93+
background-color: #f8f8f8;
94+
padding: 0.8em 0.8em 0.4em;
95+
line-height: 1.1em;
96+
border-radius: 2px;
97+
}
98+
.highlight table,
99+
.highlight tr,
100+
.highlight td {
101+
width: 100%;
102+
border-collapse: collapse;
103+
padding: 0;
104+
margin: 0;
105+
}
106+
.highlight .gutter {
107+
width: 1.5em;
108+
}
109+
.markdown-section pre {
110+
padding: 1.2em 1.4em;
111+
line-height: 1.5em;
112+
margin: 0;
113+
}
114+
code .token {
115+
min-height: 1.5em;
116+
}
117+
pre code { position: relative; }
118+
pre code.lang-html:after,
119+
pre code.lang-js:after,
120+
pre code.lang-bash:after,
121+
pre code.lang-css:after {
122+
position: absolute;
123+
top: 0;
124+
right: 0;
125+
color: #ccc;
126+
text-align: right;
127+
font-size: 0.75em;
128+
padding: 5px 10px 0;
129+
line-height: 15px;
130+
height: 15px;
131+
font-weight: 600;
132+
}
133+
pre code.lang-html:after {
134+
content: 'HTML';
135+
}
136+
pre code.lang-js:after {
137+
content: 'JS';
138+
}
139+
pre code.lang-bash:after {
140+
content: 'Shell';
141+
}
142+
pre code.lang-css:after {
143+
content: 'CSS';
144+
}
145+
.content img {
146+
max-width: 100%;
147+
}
148+
.content span.light {
149+
color: #7f8c8d;
150+
}
151+
.content span.info {
152+
font-size: 0.85em;
153+
display: inline-block;
154+
vertical-align: middle;
155+
width: 280px;
156+
margin-left: 20px;
157+
}
158+
.markdown-section h1 {
159+
margin: 0 0 1em;
160+
}
161+
.markdown-section h2 {
162+
margin: 45px 0 0.8em;
163+
padding-bottom: 0.7em;
164+
border-bottom: 1px solid #ddd;
165+
}
166+
.markdown-section h3 {
167+
margin: 52px 0 1.2em;
168+
}
169+
.markdown-section figure,
170+
.markdown-section p,
171+
.markdown-section ul,
172+
.markdown-section ol {
173+
margin: 1.2em 0;
174+
}
175+
.markdown-section p,
176+
.markdown-section ul,
177+
.markdown-section ol {
178+
line-height: 1.6em;
179+
}
180+
.markdown-section ul,
181+
.markdown-section ol {
182+
padding-left: 1.5em;
183+
}
184+
.markdown-section a {
185+
color: #42b983;
186+
font-weight: 600;
187+
}
188+
.markdown-section blockquote {
189+
margin: 2em 0;
190+
padding-left: 20px;
191+
border-left: 4px solid #42b983;
192+
}
193+
.markdown-section blockquote p {
194+
font-weight: 600;
195+
margin-left: 0;
196+
}
197+
.markdown-section iframe {
198+
margin: 1em 0;
199+
}

‎docs/styles/website.css

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
@import url('https://fonts.googleapis.com/css?family=Roboto+Mono|Source+Sans+Pro:300,400,600');
2+
body { letter-spacing: 0; color: #34495e; }
3+
.book-langs-index { font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif; }
4+
.book-langs-index .inner .languages { padding: 20px 0px; }
5+
.book-langs-index .inner .languages li { float: none; }
6+
li a { color: #42b983; font-weight: 600; }

0 commit comments

Comments
 (0)