Styleguide
Every content element supported by the theme, on a single page.
This page shows how the theme styles each element available in the Ghost editor.
Headings
Heading level three
Paragraph text with bold, italic, a link and inline code.
Heading level four
A second paragraph to show the rhythm between blocks of text.
Lists
- An unordered list item
- Another item with a bit more text to show how lines wrap when the content is longer than a single line
- A third item
- An ordered list item
- Second step
- Third step
Quotes
A standard blockquote, used for short quotations inside the text.
An alternative blockquote, larger, for pull quotes.
Images
Callout
💡
A callout card, useful for tips and side notes.
Toggle
Can I change the accent colour?
Yes. The theme uses the accent colour set in Settings > Design & branding.
Button
Code
.kt-card {
display: flex;
flex-direction: column;
}End of the styleguide.