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