Styles guide

h1 element

This is an introduction paragraph which should be limited in length.

p element, styled with attribute “page_intro”

Title

h2 element

Subtitle

h3 element
Titles 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 block

Lists

Unordered list

Nested unordered lists

Comments