- Details on the full capabilities of Spectre.css can be found in the Official Spectre Documentation
The Quark theme is the new default theme for Grav built with Spectre.css the lightweight, responsive and modern CSS framework. Spectre provides basic styles for typography, elements, and a responsive layout system that utilizes best practices and consistent language design.
Headings
H1 Heading
H2 Heading
H3 Heading
H4 Heading
H5 Heading
H6 Heading
Paragraphs
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent risus leo, dictum in vehicula sit amet, feugiat tempus tellus. Duis quis sodales risus. Etiam euismod ornare consequat.
Climb leg rub face on everything give attitude nap all day for under the bed. Chase mice attack feet but rub face on everything hopped up on goofballs.
Markdown Semantic Text Elements
Bold
Italic
Deleted
Inline Code
HTML Semantic Text Elements
I18N
Citation
Ctrl + S
TextSuperscripted
TextSubscripted
Underlined
Highlighted
x = y + 2
Blockquote
The advance of technology is based on making it fit in so that you don’t really even notice it, so it’s part of everyday life.
– Bill Gates
Unordered
List
- list item 1
- list item 2
- list item 2.1
- list item 2.2
- list item 2.3
- list item 3
Ordered
List
- list item 1
- list item 2
- list item 2.1
- list item 2.2
- list item 2.3
- list item 3
Table
| Name | Genre | Release date |
|---|---|---|
| The Shawshank Redemption | Crime, Drama | 14 October 1994 |
| The Godfather | Crime, Drama | 24 March 1972 |
| Schindler’s List | Biography, Drama, History | 4 February 1994 |
| Se7en | Crime, Drama, Mystery | 22 September 1995 |
H1 Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt vel elit commodo sollicitudin. In scelerisque ornare nisi quis faucibus. Sed sagittis vel ante aliquet blandit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pellentesque mauris et quam aliquet, eget lobortis urna posuere. Pellentesque pretium ut dolor id vestibulum. Vestibulum ac malesuada sem.
H2 Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt vel elit commodo sollicitudin. In scelerisque ornare nisi quis faucibus. Sed sagittis vel ante aliquet blandit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pellentesque mauris et quam aliquet, eget lobortis urna posuere. Pellentesque pretium ut dolor id vestibulum. Vestibulum ac malesuada sem.
H3 Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt vel elit commodo sollicitudin. In scelerisque ornare nisi quis faucibus. Sed sagittis vel ante aliquet blandit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pellentesque mauris et quam aliquet, eget lobortis urna posuere. Pellentesque pretium ut dolor id vestibulum. Vestibulum ac malesuada sem.
H4 Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt vel elit commodo sollicitudin. In scelerisque ornare nisi quis faucibus. Sed sagittis vel ante aliquet blandit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pellentesque mauris et quam aliquet, eget lobortis urna posuere. Pellentesque pretium ut dolor id vestibulum. Vestibulum ac malesuada sem.
H5 Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt vel elit commodo sollicitudin. In scelerisque ornare nisi quis faucibus. Sed sagittis vel ante aliquet blandit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pellentesque mauris et quam aliquet, eget lobortis urna posuere. Pellentesque pretium ut dolor id vestibulum. Vestibulum ac malesuada sem.
H6 Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt vel elit commodo sollicitudin. In scelerisque ornare nisi quis faucibus. Sed sagittis vel ante aliquet blandit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pellentesque mauris et quam aliquet, eget lobortis urna posuere. Pellentesque pretium ut dolor id vestibulum. Vestibulum ac malesuada sem.
