This design doc is here for me to review how styles look on this site.
Heading Level One
Heading Level Two
Heading Level Three
Heading Level Four
- Unordered list
- Unordered list
- Unordered list
- Unordered list
- Ordered list.
- Ordered list.
- Ordered list.
- Ordered list.
Callout box without title. Some text goes here.
Callout box without title. Some text goes here.
- Item one.
- Item two.
- Item three.
Some text goes here.
Some text goes here.
- Item one.
- Item two.
- Item three.
Images and figures
A caption to one image.
Two images with one caption beneath them.
I'm over here!
And then some text to go alongside a marginal image, I guess?
Buttons and button groups
Buttons can either exist on their own, or be grouped together in `.button-group` divs. They are centred and coloured according to our accent colours.
Buttons get a title, subtitle, and icon. They only need a title, the other two parts are optional. If they just have a title, they don't need any child elements. If they have a subtitle or icon, we need to class the child elements with `.button-title`, `.button-caption`, and `.button-icon`.
Individual buttons.
Button groups
Code
This paragraph contains some inline code, and some longer inline code here I guess, let's make it nice and long so it goes over a line break most of the time, and some more content to ensure it does that. Note that we can't do inline syntax-highlighted code right yet.
Here's some un-syntax-highlighted block code:
Something goes here I guess.
And some syntax highlighted code:
const j = 3;
const k = 4; // Comments!