Paragraph

Learn how to control paragraphs for your e-mails

{{ paragraph 
  font size: xs s m l xl xxl
  font style: s i r
  font align: l r c j
}}

Markdown formatted text

{{ /paragraph }}

Overview #

The novem paragraph section is a wrapper section that can be used to apply some generic style across several markdown elements.

In additon to the common paramters the paragraph also offers a set of additional format options in the form of size, style and alignment.

Options #

Options to the section is supplied as yaml within the double brackets.

Font Size #

keyword: font size / sz
options: xs | s | m | l | xl | xxl

Font sizes can be supplied in the sizes from extra small to extra extra large and can be instructed by either using the keyword font size or sz for short.

The size instruciton is applied to all markdown elements supplied in the paragraph such as bullets and text.

Font Style #

keyword: font style / st
options: s | strong | b | bold | i | italic | regular | r

Font styles applies a font-style to the paragraph in the form of either bold or italic text. The instructions can be combined with a space for applying multiple styles such as bold italic or b i.

Font Align #

keyword: font align / al
options: l | left | r | right | c | center | j | justify

Font alignment work as expected, aligning the text left, right, center or justified.

Examples #

Below are a few examples of how paragraphs can be used to create useful blocks of layout.

Stylized disclaimer text #

{{ para
  sz: m
  st: b
  m: b4
  b: b1 gray-600
  fg:   gray-600
}}
Disclaimer
{{ /para }}

{{ para
  sz: s
  st: i
  al: l
  fg: gray-600
}}
Aliquam mattis accumsan tincidunt. Aliquam vel dapibus lectus. Vestibulum
luctus pharetra libero, a ullamcorper magna ultrices eu. Nulla facilisi. Morbi
non purus velit. Cras ut commodo nulla, ut vestibulum libero. Vivamus ut quam
sit amet tortor maximus tempor eget eget odio. Nunc a ipsum ligula. Aliquam
placerat consectetur libero sed tempor.


Nullam eu dignissim libero, egestas pharetra nulla. Morbi nec arcu a lacus
dictum commodo eu sed neque. Integer eget arcu enim. Proin blandit arcu in
risus lacinia, at mattis neque luctus. Integer et ipsum sit amet felis congue
aliquet. In ut porta nulla, convallis sollicitudin nunc. Vivamus semper, libero
id mollis sodales, nisi mi pretium magna, egestas tincidunt augue libero a
purus. Aliquam erat volutpat.
{{ /para }}