vieter-v
/
v
2
0
Fork 0
Code Issues Pull Requests Releases Activity

vdoc: use nicer font (#11151)

pull/11159/head
Daniel Däschle 2021-08-12 08:21:31 +02:00 committed by GitHub
parent 6771b7fea9
commit 12fb4655f5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 18 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
cmd/tools/vdoc/html.v
View File

@ -23,9 +23,10 @@ const (
<meta http-equiv="x-ua-compatible" content="IE=edge" /> <meta http-equiv="x-ua-compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{ title }} | vdoc</title> <title>{{ title }} | vdoc</title>
<link rel="preconnect" href="https://fonts.gstatic.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;600&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap" rel="stylesheet">
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"> <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"> <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"> <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">

22
cmd/tools/vdoc/resources/doc.css
View File

@ -85,7 +85,7 @@ html {
} }
body { body {
margin: 0; margin: 0;
font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, font-family: Jost, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica,
Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
background-color: #fff; background-color: #fff;
background-color: var(--background-color); background-color: var(--background-color);
@ -127,7 +127,7 @@ body {
scrollbar-width: thin; scrollbar-width: thin;
scrollbar-color: #a0aec0 transparent; scrollbar-color: #a0aec0 transparent;
scrollbar-color: var(--menu-scrollbar-color) transparent; scrollbar-color: var(--menu-scrollbar-color) transparent;
font-family: "Work Sans", sans-serif; font-family: Jost, sans-serif;
} }
*::-webkit-scrollbar { *::-webkit-scrollbar {
width: 4px; width: 4px;
@ -325,7 +325,7 @@ body {
font-weight: 500; font-weight: 500;
} }
.doc-nav > .search .result > .link > .description { .doc-nav > .search .result > .link > .description {
font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, font-family: Jost, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica,
Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 0.75rem; font-size: 0.75rem;
overflow: hidden; overflow: hidden;
@ -365,12 +365,16 @@ body {
max-width: 100%; max-width: 100%;
} }
.doc-content p { .doc-content p {
font-size: 1rem;
line-height: 1.4; line-height: 1.4;
} }
.doc-content a { .doc-content a {
color: #2779bd; color: #2779bd;
color: var(--link-color); color: var(--link-color);
} }
.doc-content p code {
font-size: 0.85rem;
}
.doc-content > .doc-node { .doc-content > .doc-node {
padding: 5rem 0 2rem 0; padding: 5rem 0 2rem 0;
margin-top: -4rem; margin-top: -4rem;
@ -394,7 +398,7 @@ body {
} }
.doc-content > .doc-node > .title { .doc-content > .doc-node > .title {
display: flex; display: flex;
font-family: "Work Sans", sans-serif; font-family: Jost, sans-serif;
font-weight: 500; font-weight: 500;
padding: 0.3rem; padding: 0.3rem;
align-items: center; align-items: center;
@ -495,7 +499,7 @@ body {
box-sizing: border-box; box-sizing: border-box;
-ms-overflow-style: none; -ms-overflow-style: none;
scrollbar-width: none; scrollbar-width: none;
font-family: "Work Sans", sans-serif; font-family: Jost, sans-serif;
} }
.doc-toc::-webkit-scrollbar { .doc-toc::-webkit-scrollbar {
display: none; display: none;
@ -542,7 +546,7 @@ pre code {
color: var(--code-default-text-color); color: var(--code-default-text-color);
font-size: 0.948em; font-size: 0.948em;
text-shadow: none; text-shadow: none;
font-family: monospace; font-family: 'Jetbrains Mono', monospace;
background-color: #edf2f7; background-color: #edf2f7;
background-color: var(--code-background-color); background-color: var(--code-background-color);
border-radius: 0.25rem; border-radius: 0.25rem;
@ -566,8 +570,7 @@ pre code {
padding: 1rem; padding: 1rem;
} }
code { code {
padding: 0.2rem; padding: 0 0.2rem;
vertical-align: middle;
} }
pre { pre {
overflow: auto; overflow: auto;
@ -613,6 +616,9 @@ pre {
color: #319795; color: #319795;
color: var(--code-function-text-color); color: var(--code-function-text-color);
} }
.examples > h4 {
margin: 0 0 0.4rem 0;
}
/* Medium screen and up */ /* Medium screen and up */
@media (min-width: 768px) { @media (min-width: 768px) {