feat(style): widen; use system font
This commit is contained in:
26
public/site.css
generated
26
public/site.css
generated
@@ -45,7 +45,7 @@ table {
|
|||||||
|
|
||||||
/* Layout and typography */
|
/* Layout and typography */
|
||||||
body {
|
body {
|
||||||
font-family: 'Georgia', serif;
|
font-family: serif;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
}
|
}
|
||||||
@@ -61,9 +61,9 @@ h2 a {
|
|||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
div.example {
|
div.example {
|
||||||
width: 900px;
|
width: 1100px;
|
||||||
min-width: 900px;
|
min-width: 1100px;
|
||||||
max-width: 900px;
|
max-width: 1100px;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
margin-bottom: 120px;
|
margin-bottom: 120px;
|
||||||
@@ -97,22 +97,22 @@ table td {
|
|||||||
outline: 0;
|
outline: 0;
|
||||||
}
|
}
|
||||||
td.docs {
|
td.docs {
|
||||||
width: 420px;
|
width: 500px;
|
||||||
max-width: 420px;
|
max-width: 500px;
|
||||||
min-width: 420px;
|
min-width: 500px;
|
||||||
min-height: 5px;
|
min-height: 5px;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
td.docs p {
|
td.docs p {
|
||||||
padding-right: 5px;
|
padding-right: 15px;
|
||||||
padding-top: 5px;
|
padding-top: 5px;
|
||||||
padding-bottom: 15px;
|
padding-bottom: 15px;
|
||||||
}
|
}
|
||||||
td.code {
|
td.code {
|
||||||
width: 480px;
|
width: 590px;
|
||||||
max-width: 480px;
|
max-width: 590px;
|
||||||
min-width: 480px;
|
min-width: 590px;
|
||||||
padding-top: 5px;
|
padding-top: 5px;
|
||||||
padding-right: 5px;
|
padding-right: 5px;
|
||||||
padding-left: 5px;
|
padding-left: 5px;
|
||||||
@@ -124,7 +124,7 @@ td.code.leading {
|
|||||||
}
|
}
|
||||||
pre, code {
|
pre, code {
|
||||||
font-size: 14px; line-height: 18px;
|
font-size: 14px; line-height: 18px;
|
||||||
font-family: 'Menlo', 'Monaco', 'Consolas', 'Lucida Console', monospace;
|
font-family: monospace;
|
||||||
}
|
}
|
||||||
img.copy, img.run {
|
img.copy, img.run {
|
||||||
height: 16px;
|
height: 16px;
|
||||||
@@ -205,7 +205,7 @@ body .c1 { color: #808080 } /* Comment.Single */
|
|||||||
background: #282828;
|
background: #282828;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* Syntax highlighting: dark mode */
|
/* Syntax highlighting: dark mode */
|
||||||
body .nx { } /* Name.Other */
|
body .nx { } /* Name.Other */
|
||||||
body .nf { } /* Name.Function */
|
body .nf { } /* Name.Function */
|
||||||
|
@@ -45,7 +45,7 @@ table {
|
|||||||
|
|
||||||
/* Layout and typography */
|
/* Layout and typography */
|
||||||
body {
|
body {
|
||||||
font-family: 'Georgia', serif;
|
font-family: serif;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
}
|
}
|
||||||
@@ -61,9 +61,9 @@ h2 a {
|
|||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
div.example {
|
div.example {
|
||||||
width: 900px;
|
width: 1100px;
|
||||||
min-width: 900px;
|
min-width: 1100px;
|
||||||
max-width: 900px;
|
max-width: 1100px;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
margin-bottom: 120px;
|
margin-bottom: 120px;
|
||||||
@@ -97,22 +97,22 @@ table td {
|
|||||||
outline: 0;
|
outline: 0;
|
||||||
}
|
}
|
||||||
td.docs {
|
td.docs {
|
||||||
width: 420px;
|
width: 500px;
|
||||||
max-width: 420px;
|
max-width: 500px;
|
||||||
min-width: 420px;
|
min-width: 500px;
|
||||||
min-height: 5px;
|
min-height: 5px;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
td.docs p {
|
td.docs p {
|
||||||
padding-right: 5px;
|
padding-right: 15px;
|
||||||
padding-top: 5px;
|
padding-top: 5px;
|
||||||
padding-bottom: 15px;
|
padding-bottom: 15px;
|
||||||
}
|
}
|
||||||
td.code {
|
td.code {
|
||||||
width: 480px;
|
width: 590px;
|
||||||
max-width: 480px;
|
max-width: 590px;
|
||||||
min-width: 480px;
|
min-width: 590px;
|
||||||
padding-top: 5px;
|
padding-top: 5px;
|
||||||
padding-right: 5px;
|
padding-right: 5px;
|
||||||
padding-left: 5px;
|
padding-left: 5px;
|
||||||
@@ -124,7 +124,7 @@ td.code.leading {
|
|||||||
}
|
}
|
||||||
pre, code {
|
pre, code {
|
||||||
font-size: 14px; line-height: 18px;
|
font-size: 14px; line-height: 18px;
|
||||||
font-family: 'Menlo', 'Monaco', 'Consolas', 'Lucida Console', monospace;
|
font-family: monospace;
|
||||||
}
|
}
|
||||||
img.copy, img.run {
|
img.copy, img.run {
|
||||||
height: 16px;
|
height: 16px;
|
||||||
@@ -205,7 +205,7 @@ body .c1 { color: #808080 } /* Comment.Single */
|
|||||||
background: #282828;
|
background: #282828;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* Syntax highlighting: dark mode */
|
/* Syntax highlighting: dark mode */
|
||||||
body .nx { } /* Name.Other */
|
body .nx { } /* Name.Other */
|
||||||
body .nf { } /* Name.Function */
|
body .nf { } /* Name.Function */
|
||||||
|
Reference in New Issue
Block a user