Grav Quark Designvorlage - Text & Typography

Grav

Wenn man Grav installiert, dann ist standardmäßig die Quark Designvorlage aktiviert, welche auf das schlanke und responsive CSS Framework von Spectre.css aufbaut. Spectre bietet dabei verschieden Standardstiele für die Typografie, Elemente und ein responsive Layout.

Nachfolgend ein kleiner Vorgeschmack was Spectre.css alles kann. Die angeführten Elemente sollen einen schnellen Einstieg ermöglichen.

Mehr findest du in der offiziellen Spectre Dokumentation

Überschriften

H1 40px

H2 32px

H3 28px

H4 24px

H5 20px
H6 16px
# H1 Heading # H1 Heading `40px` <span class="h1">H1 Heading</span>

Absätze

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 Semantische Textelemente

Bold **Bold**

Italic _Italic_

Deleted ~~Deleted~~

Inline Code `Inline Code`

HTML Semantische Textelemente

I18N <abbr>

Citation <cite>

Ctrl + S <kbd>

TextSuperscripted <sup>

TextSubscxripted <sub>

Underlined <u>

Highlighted <mark>

<time>

x = y + 2 <var>

Blockzitat

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

> 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. > > <cite>- Bill Gates</cite>

Ungeordnete Listen

  • list item 1
  • list item 2
    • list item 2.1
    • list item 2.2
    • list item 2.3
  • list item 3
* list item 1 * list item 2 * list item 2.1 * list item 2.2 * list item 2.3 * list item 3

Geordnete Liste

  1. list item 1
  2. list item 2
    1. list item 2.1
    2. list item 2.2
    3. list item 2.3
  3. list item 3
1. list item 1 1. list item 2 1. list item 2.1 1. list item 2.2 1. list item 2.3 1. list item 3

Tabellen

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
| 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 |

Hinweise

Die Stiele der Hinweise werden durch das Plugin markdown-notices bereitgestellt aber sind sehr hilfreich damit diese hier auch erwähnt werden.

This is a warning notification

This is a error notification

This is a default notification

This is a success notification

! This is a warning notification !! This is a error notification !!! This is a default notification !!!! This is a success notification

Nächster Beitrag