Styles guide
h1 element
This is an introduction paragraph which should be limited in length.
p element, styled with attribute “page_intro”
Title
h2 elementSubtitle
h3 elementTitles have a
font-style: italic
Paragraph content have a maximum line length fixed to 60ch, yielding to a number of of about 70 characters per line: this is considered the best line length for readibility. p element
for ( let at = 0; at < keys_a.length; ++at )
inline code
for ( let at = 0; at < keys_a.length; ++at )
example
11tyTips/source/make/11ty/libraries.js
Prism
module.exports = make_o =>
{
let markdown_o =
{
html: true,
linkify: true,
typographer: true
}
make_o.setLibrary('md',
require( 'markdown-it' )( markdown_o )
.use( require( 'markdown-it-attrs' ) )
.use( require( 'markdown-it-deflist' ) )
.use( require( 'markdown-it-include' ), make_o.pagesPartsDir_s )
)
make_o.setLibrary('njk',
require('nunjucks')
.configure( make_o.matrixDir_s, { autoescape: false } ) ) //: autoescape for CSS rules
}
code blockLists
Unordered list
- Primo
- Secondo
- Tertio
Nested unordered lists
- Primo
- One
- Two
- Three
- Secondo
- Un
- Deux
- Tertio
- Inside a short note, it works only preceded by a list item
- One
- Two
- Three