Style Guide

This is a style guide as a reference for editors to know what options are available to them, as well make styling CSS easier.

Latest Podcast Celebrity, Adoption, and Power — ft. Yasmin Nair ('Escape From Plan A' Ep. 261)
by Plan A Editors
public

Table of Contents


Headers

H1

H2

H3

H4

H5
H6

Emphasis

This is what italics looks like.
This is what bold looks like.
This is the combination of italics and bold looks like.
This is what strikethrough looks like.
This is what a link looks like.
Links can be styled as well.
This is inline code


Blocks

This is a paragraph. A paragraph is a distinct section of a piece of writing, usually dealing with a single theme and indicated by a new line, indentation, or numbering. Sometimes paragraphs can get really really really long. It can depend on the writer's style, but it can also be influenced by type of content. Technical or concept-heavy writing can sometimes produce very large paragraphs. Generally speaking, try to avoid overly large paragraphs, no one likes a wall of text.

This is a block quote. The block quote is used for direct quotations that are longer than four lines of prose, or longer than three lines of poetry. A block quote is always used when quoting dialogue between characters, as in a play. The block format is a freestanding quote that does not include quotation marks.
This is a code block.
Code blocks are typically used when you want a monospaced font. They often have a different style applied to them as well. It is also possible to have syntax highlighting for certain languages which comes in handy if you're actually sharing code as in the examples below.

One last thing to know about code blocks is that they do not wrap lines.
Go ahead, scroll to your right.
var s = "JavaScript syntax highlighting";
alert(s);
s = "Python syntax highlighting"
print s

Lists

  1. First item
  2. Second item
  3. Third item
    1. Sub item
    2. Sub item
  4. Fourth item

Images

This is a normal sized image.

Photo by Griffin Wooldridge / Unsplash

This is a larger image.

Photo by Naitian(Tony) Wang / Unsplash

This is a full-width image.

Photo by Michael Descharles / Unsplash