Pattern Library
HyperText Markup Language, commonly abbreviated as HTML, is the standard markup language used to create web pages. Along with CSS, and JavaScript, HTML is a cornerstone technology used to create web pages.
Second level heading
HyperText Markup Language, commonly abbreviated as HTML, is the standard markup language used to create web pages. Along with CSS, and JavaScript, HTML is a cornerstone technology used to create web pages.
3rd level heading
HyperText Markup Language, commonly abbreviated as HTML, is the standard markup language used to create web pages. Along with CSS, and JavaScript, HTML is a cornerstone technology used to create web pages.
4th level heading
HyperText Markup Language, commonly abbreviated as HTML, is the standard markup language used to create web pages. Along with CSS, and JavaScript, HTML is a cornerstone technology used to create web pages.
- List item one
- List item two
- Sub-list item one
- Sub-sub-list item one
- Sub-list item two
- Sub-list item three
- Sub-list item one
- List item three
- List item four
- List item five
Paragraph and Heading elements are styled by default. Wrap content with a .prose
container for full typographic style including lists.
# Paragraph sizes
.large
numbers are numbers that are significantly larger than those ordinarily used in everyday life, for instance in simple counting or in monetary transactions.
.small
numbers are numbers that are small compared with the numbers used in everyday life. Very small numbers often occur in fields such as chemistry, electronics and quantum physics.
# Large prose
Add .prose--large
on container.
Large numbers are numbers that are significantly larger than those ordinarily used in everyday life, for instance in simple counting or in monetary transactions.
- List item one
- List item two
- Sub-list item one
- Sub-sub-list item one
- Sub-list item two
- Sub-list item three
- Sub-list item one
- List item three
- List item four
- List item five
# Small prose
Add .prose--small
container.
Small numbers are numbers that are small compared with the numbers used in everyday life. Very small numbers often occur in fields such as chemistry, electronics and quantum physics.
- List item one
- List item two
- Sub-list item one
- Sub-sub-list item one
- Sub-list item two
- Sub-list item three
- Sub-list item one
- List item three
- List item four
- List item five
# Media object
Multimedia is content that uses a combination of different content forms such as text, audio, images, animation, video and interactive content. Multimedia contrasts with media that use only rudimentary computer displays such as text-only or traditional forms of printed or hand-produced material.
Multimedia is content that uses a combination of different content forms such as text, audio, images, animation, video and interactive content. Multimedia contrasts with media that use only rudimentary computer displays such as text-only or traditional forms of printed or hand-produced material.
# Flag object
A flag is a piece of fabric with a distinctive design that is used as a symbol, as a signaling device, or as decoration.
A flag is used as a symbol, as a signaling device, or as decoration.
A flag is a piece of fabric with a distinctive design that is used as a symbol, as a signaling device, or as decoration.
A flag is a piece of fabric with a distinctive design that is used as a symbol, as a signaling device, or as decoration.
# Grids
Grid 1 item 1
Grid 1 item 2
Grid 2 item 1
Grid 2 item 2
Grid 2 item 3
Grid 2 item 4