Cheatsheet styles cheatsheet

See: H2 sections

See: H3 sections

See: Tables

See: Code

See: Paragraphs

See: Lists

Each section can have the following children:

White

• pre
• ul
• table

Gray

• p
• h4

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.

here.is(() => {
  some.code()
})

here.is.some.more()

Code blocks can be placed one after the other.

See: Cheatsheets

index.js

here.is(() => {
  some.code()
})

other.js

here.is.some.more()

Code blocks can have headings.

app.start(() => {
  const port = app.server.port
  console.log(`Started at ${port}`)
})

Add {data-line="3"} to add line highlights.

app.start(() => {
  const port = app.server.port
  console.log(`Started at ${port}`)
})

Add {data-line="2,3"} to add multiple line highlights.

import React from 'react'

class Hello extends React.Component {
  render() {
    return <span>Hello</span>
  }
}

Add {.-setup} to a pre or table or ul.

function createNode(nodeName: string, options: { key: string }) {
  return true
}

Long lines will have scrollbars.

<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.

• This is
• a list
• with a few items

Here's an extra paragraph after the list.

Part 1

• createElement()
• componentDidMount()
• componentWillUnmount()

Part 2

• shouldComponentUpdate()
• componentWillReceiveProps()

Here's an extra paragraph after the list.

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.

···

When paragraphs appear after pre/table/ul, they appear with a gray background.

Here's a prelude paragraph. Add {.-setup} to make paragraphs appear with a gray background.

···

Add {.-crosslink} to make big loud external links:

···

Date

Time

This is a basic table with h4's.

Add {.-shortcuts} to tables.

Add {.-headers} to add headers.