Skip to content

Commit 708c96d

Browse files
authored
Reduce docs font size (#1299)
1 parent 9b470da commit 708c96d

File tree

1 file changed

+20
-16
lines changed

1 file changed

+20
-16
lines changed

docs/_static/extra.css

Lines changed: 20 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,10 @@ h3 {
44
font-weight: 800;
55
}
66

7+
body, html {
8+
font-size: 115%;
9+
}
10+
711
.md-header {
812
/* background-color: #333; */
913
box-shadow: none !important;
@@ -170,8 +174,8 @@ input {
170174

171175

172176

173-
/**
174-
* When we render the "Sample / Request / Response" tabs
177+
/**
178+
* When we render the "Sample / Request / Response" tabs
175179
* for protobuf method documentation, we want those tabs to be centered.
176180
*
177181
* We have basically no control over the styling of specific tabhosts, but we do have CSS.
@@ -190,37 +194,37 @@ input {
190194
/* For sub-tabs of the Sample/Request/Response tabs (ie, the language tabs),
191195
make their font smaller. */
192196
.proto-method-tabs-marker+.tabbed-set .tabbed-set .tabbed-labels label{
193-
font-size: 0.5rem;
194-
}
197+
/* font-size: 0.5rem; */
198+
}
195199

196200
/* Make the Sample / Request / Response tab labels larger */
197201
.proto-method-tabs-marker+.tabbed-set > .tabbed-labels > label {
198202
font-size: 0.7rem;
199203
}
200204

201205
.card-container {
202-
display: flex;
203-
flex-wrap: wrap;
206+
display: flex;
207+
flex-wrap: wrap;
204208
justify-content: space-evenly;
205209
}
206210

207211
.card {
208212
position: relative;
209-
flex-direction: column;
210-
flex: 1 1 0%;
211-
justify-content: space-between;
212-
margin: 1rem;
213+
flex-direction: column;
214+
flex: 1 1 0%;
215+
justify-content: space-between;
216+
margin: 1rem;
213217
padding: 1rem;
214-
padding-bottom: 2rem;
218+
padding-bottom: 2rem;
215219
box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
216220
}
217221

218222
.card > a {
219223
position: absolute;
220224
bottom: 1rem;
221-
font-weight: bold;
222-
color: inherit;
223-
display: flex;
225+
font-weight: bold;
226+
color: inherit;
227+
display: flex;
224228
align-items: center;
225229
}
226230

@@ -232,7 +236,7 @@ input {
232236

233237
.homepage-main-intro-text {
234238
display: flex;
235-
flex-direction: column;
239+
flex-direction: column;
236240
flex-basis: 70%;
237241
}
238242

@@ -244,4 +248,4 @@ input {
244248
.homepage-main-intro-text {
245249
flex-basis: 100%;
246250
}
247-
}
251+
}

0 commit comments

Comments
 (0)