Skip to content

Instantly share code, notes, and snippets.

@aroben

aroben/details-outline.md

Last active February 5, 2020 19:32
Show Gist options
  • Save aroben/3877458e6ab899cdd2492120f90b983c to your computer and use it in GitHub Desktop.
Save aroben/3877458e6ab899cdd2492120f90b983c to your computer and use it in GitHub Desktop.
Download ZIP
Raw
details-outline.md

If you add the following CSS rule:

details > details {
  padding-left: 20px;
}

The following markup becomes a nested outline view:

1
1.1
1.1.1 Some text in 1.1.1
1.1.2 Some text in 1.1.2
1.2 Some text in 1.2
2 Some text in 2
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment