Skip to content

Latest commit

 

History

History
48 lines (33 loc) · 1.83 KB

styleguide.md

File metadata and controls

48 lines (33 loc) · 1.83 KB
Raw
layout title chapterTitle chapterSubtitle permalink
page
Style Guide
Optional kicker
Formatting guidelines for Atomic Design
/style-guide/

This is a paragraph, which can even have bolded text. It can also have italicized text if you're feeling saucy. What about links? Believe it or not, we can put links on our web pages. What a wonderful world we live in.

This is a second-level heading

  • Here is a bulleted list.
  • I love bulleted lists.
  • Sometimes the text in a bulleted list can wrap onto multiple lines so it's important to show what that looks like.
  • This is the last bulleted list items.

This is a third-level heading

Hey! Here comes a blockquote!

A block quotation (also known as a long quotation or extract) is a quotation in a written document, that is set off from the main text as a paragraph, or block of text, and typically distinguished visually using indentation and a different typeface or smaller size quotation. Wikipedia

Profound, eh? How about an image?

{% include figure.html src="../images/content/devices.jpg" caption="This is an image with a caption. A caption describes what the image is all about." %}

This is a fourth-level heading

Let's take a look at ordered lists now.

  1. Step 1: make an ordered list.
  2. Step 2: add some ordered list items.
  3. Step 3: Show what longer passages of text look like within an ordered list because that seems like a smart thing to do.
  4. Step 4: Let's wrap this thing up.
This is a fifth-level heading

Are you ready for code? How about showing what inline code looks like? Want to see a code block?! Yeah!?

<coooooodddddeee>
    <h1 class="code-h1">This is code!</h1>
    <p>Holy crap!</p>
</coooooodddddeee>

And that's the style guide for the book. Fun fun fun.