factotum/NOCLIP
1
Fork 0
Code Issues 10 Projects Releases Activity

documentation: tweak the style a bit

Browse Source 
There are a few additional things worth fixing here I think but it's
probably better to actually write the documentation first.
This commit is contained in:
torque 2023-04-08 15:17:36 -07:00
parent e666dee86b
commit 12b4d74fc2
Signed by: torque
SSH Key Fingerprint: SHA256:nCrXefBNo6EbjNSQhv0nXmEg/VuNq3sMF5b8zETw3Tk
1 changed files with 26 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
documentation/style.css
View File

@ -145,6 +145,18 @@ body .layout .doc .doc-padding {
max-width: 100%;
}
body .layout .doc .doc-padding::after {
bottom: -40vh;
color: var(--gray-1);
content: 'THIS OVERSCROLL INTENTIONALLY LEFT BLANK';
display: block;
font-size: 30px;
font-weight: bold;
position: relative;
text-align: center;
width: 100%;
}
body .layout .doc section {
display: grid;
grid-template-columns: minmax(var(--description-min-width), var(--description-max-width)) minmax(var(--example-min-width), 1fr);
@ -163,6 +175,18 @@ body .layout .doc section .header {
/* border-bottom: 1px solid var(--border-color);*/
}
body .layout .doc section .header::before {
content: "#";
display: inline-block;
visibility: hidden;
margin-right: 0.3em;
color: var(--gray-3);
}
body .layout .doc section .header:hover::before {
visibility: visible;
}
body .layout .doc section .description {
grid-column-start: description;
grid-column-end: description;
@ -267,7 +291,8 @@ body .layout .doc section .example .code-markup .line {
margin: auto;
}
body .layout .doc section .example .codebox {
body .layout .doc section .example .codebox,
body .layout:has(> .sidebar #destroyer-of-navs:checked) .doc section .example .codebox {
max-width: 100vw;
}
}