Improve rendering to match the main website's CSS

This commit is contained in:
gingerBill
2022-01-19 13:20:38 +00:00
parent 841c428273
commit db08847f9a
4 changed files with 241 additions and 151 deletions
+24 -65
View File
@@ -1,26 +1,18 @@
html {
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
}
/* doc directories */
.container {
max-width: 60em;
margin: 0 auto;
padding-left: 0.01em 1em;
}
table.documentation-directory {
table.doc-directory {
/*border: 1px solid #ccc!important;*/
table-layout: fixed;
border-collapse: collapse;
}
.documentation-directory tr {
.doc-directory tr {
padding-left: 1em!important;
border-top: 1px solid #ccc!important;
border-bottom: 1px solid #ccc!important;
}
.documentation-directory td {
.doc-directory td {
padding: 0.25em 0.5em;
}
.directory-child td {
@@ -32,59 +24,62 @@ table.documentation-directory {
left: -1.5em!important;
padding-right: 0;
}
.pkg-line-doc {
color: #444;
}
.documentation-directory tr[aria-controls]:hover {
.doc-directory tr[aria-controls]:hover {
background-color: #eee;
}
.documentation-directory tr[aria-expanded=true] td.pkg-name:before {
.doc-directory tr[aria-expanded=true] td.pkg-name:before {
content: "\2193";
}
.documentation-directory tr[aria-expanded=false] td.pkg-name:before {
.doc-directory tr[aria-expanded=false] td.pkg-name:before {
content: "\2192"!important;
}
.documentation-directory tr[aria-hidden=true] {
.doc-directory tr[aria-hidden=true] {
display: none;
}
pre {
/* doc page */
pre.doc-code {
white-space: pre-wrap;
word-break: keep-all;
word-wrap: break-word;
tab-size: 8;
font-family: Consolas,Liberation Mono,Menlo,monospace!important;
background-color: #f8f8f8;
color: #202224;
border: 1px solid #c6c8ca;
border-radius: 0.25rem;
padding: 0.625rem;
}
pre a {
pre.doc-code a {
font-family: Consolas,Liberation Mono,Menlo,monospace!important;
text-decoration: none;
/*font-weight: bold;*/
color: #00bfd5;
}
.documentation pre a.code-procedure {
pre.doc-code a.code-procedure {
color: #079300;
}
.documentation-source {
.pkg-line-doc {
color: #444;
}
.doc-source {
display: inline;
float: right;
}
.documentation-source a {
.doc-source a {
text-decoration: none;
color: #666666;
}
.documentation-source a:hover {
.doc-source a:hover {
text-decoration: underline;
}
@@ -95,42 +90,6 @@ a:hover > .a-hidden {
opacity: 100;
}
ul.documentation-breadcrumb {
list-style: none;
}
ul.documentation-breadcrumb li {
display: inline;
}
ul.documentation-breadcrumb li+li:before {
padding: 0.2rem;
color: black;
content: "/\00a0";
}
.code-inline {
font-family: Consolas,Liberation Mono,Menlo,monospace!important;
background-color: #f8f8f8;
color: #202224;
border: 1px solid #c6c8ca;
border-radius: 0.25rem;
padding: 0.125rem;
}
.documentation-directory {
width: 100%;
}
.documentation-directory tr {
/*background-color: #999;*/
}
.documentation-directory tr[aria-controls] {
cursor: pointer;
}
.documentation-directory tr.hidden {
display: none;
.documentation h4 {
font-size: calc(1.1rem + .2vw);
}