11tyThe possum is Eleventy’s mascot

11ty.io Style Guide

This is an older version of Eleventy. Full release history. Go to the newest Eleventy docs. You could try /styleguide/ although it may not exist.
Menu

Header/Footer

Home Header

11tyThe possum is Eleventy’s mascot

Home Header

Docs Header

11tyThe possum is Eleventy’s mascot

Docs Header

Footer Navigation

Lists

Inline List

Number Flags

1 2 3 4 5 6 7 8 9

Number Flags in Headings

Step 1 Notice how the border disappears under the flag

Step 2 Do a thing

Step 3 Do a thing

Step 4 Do a thing

Blockquotes

“Seriously can't remember enjoying using a Static Site Generator this much. Yes Hugo is rapid, but this is all so logical. It feels like it was designed by someone who has been through lots of pain and success using other SSGs.”—philhawksworth’s twitter avatarPhil Hawksworth

Buzzwords

Inline Buzzwords

This Buzzword is in a header

This Buzzword is in a header

Buzzword

Buzzword

Buzzword Lists

Info Block

Use the `elv-callout-sticky` class to affix to the top of the viewport while scrolling.
Default Code block
Default Code block
This documentation is for an upcoming version of Eleventy. Go to the latest stable version of Eleventy docs or check out the full release history.
This documentation is for an older version. Go to the newest Eleventy docs or check out the full release history.