This is a reference of styles that you can use on quickref cheatsheets!
- | - |
---|---|
.cols-1 |
one column (default) |
.cols-2 |
|
.cols-3 |
three column |
... | |
.cols-11 |
|
.cols-12 |
See: H2 section
- | - |
---|---|
.primary |
Primary section |
.secondary |
Secondary section |
- | - |
---|---|
.col-span-1 |
|
... | |
.col-span-12 |
- | - |
---|---|
.row-span-1 |
|
... | |
.row-span-12 |
|
See: H3 section
- | - |
---|---|
.bold-first |
Bold first column |
.plus-first |
Plus first column |
.show-header |
Show headers |
.left-text |
Align the last column left |
.no-wrap |
Don't wrap text |
.shortcuts |
Shortcut keys style |
See: Tables
- | - |
---|---|
.link-arrow |
Pretty links with arrows |
See: Paragraphs
- | - |
---|---|
.hidden |
Hide an element |
H2 section {.cols-3}
----------
### H3 section {.col-span-2}
### primary section {.primary}
[Home](/) {.link-arrow}
QuickRefs uses markdown-it-attrs, and supports adding classes via its syntax.
here.is(() => {
some.code()
})
here.is.some.more()
Code blocks can be placed one after the other.
See: Cheatsheets
<script>(function(d,s){if(window.Promise&&[].includes&&Object.assign&&window.Map)return;var js,sc=d.getElementsByTagName(s)[0];js=d.createElement(s);js.src='https://cdn.polyfill.io/v2/polyfill.min.js';sc.parentNode.insertBefore(js, sc);}(document,'script'))</script>
Add {.wrap}
to wrap long lines.
function createNode(nodeName: string, options: { key: string }) {
return true
}
Long lines will have scrollbars.
The text that appears in the header
This is a basic section with paragraphs in it. When paragraphs are the first elements in an H3 section's body, they appear as white.
...
A gray background
···
When paragraphs appear after pre
/table
/ul
, they appear with a gray background.
- | - |
---|---|
V |
Vector |
P |
Pencil |
T |
Text |
L |
Line |
R |
Rectangle |
O |
Oval |
U |
Rounded |
Add {.shortcuts}
to tables.
Prefix | Example | What |
---|---|---|
// |
//hr[@class='edge'] |
Anywhere |
./ |
./a |
Relative |
/ |
/html/body/div |
Root |
Add {.show-header}
to add headers.
Stage | Direct Products | ATP Yields |
---|---|---|
Glycolysis | 2 ATP | |
2 NADH | 3--5 ATP | |
Pyruvaye oxidation | 2 NADH | 5 ATP |
Citric acid cycle | 2 ATP | |
6 NADH | 15 ATP | |
2 FADH2 | 3 ATP | |
30--32 ATP |
| Stage | Direct Products | ATP Yields |
|--------------------|-----------------|------------|
| Glycolysis | 2 ATP | |
| ^^ | 2 NADH | 3--5 ATP |
| Pyruvaye oxidation | 2 NADH | 5 ATP |
| Citric acid cycle | 2 ATP | |
| ^^ | 6 NADH | 15 ATP |
| ^^ | 2 FADH2 | 3 ATP |
| **30--32** ATP | | |
{.show-header}
QuickRef uses markdown-it-multimd-table to render the table, See:markdown-it-multimd-table
···
···
···
···
Add {.primary}
to make the title red.
···
Add {.secondary}
to make the title yellow.
···
Every box is an H3 section. The box will encompass everything inside the body of the H3.
This is a basic section with paragraphs in it.