Des détails sur les capacités complètes de Spectre.css peuvent être trouvés dans la Documentation officielle de Spectre.
Le thème Quark est le nouveau thème par défaut de Grav construit avec Spectre.css le framework CSS léger, réactif et moderne. Spectre fournit des styles de base pour la typographie, les éléments et un système de mise en page réactif qui utilise les meilleures pratiques et une conception linguistique cohérente.
Titres
Titre H1 40px
Intitulé H2 32px
H3 Titre 28px
Titre H4 24px
H5 Intitulé 20px
H6 Rubrique 16px
``html
H1 Heading
H1 Heading 40px
`
H1 Titre
### Paragraphes
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.
Grimper sur les jambes, frotter le visage sur tout, donner une attitude, faire la sieste toute la journée pour sous le lit. Chassez les souris, attaquez les pieds mais frottez le visage sur tout ce qui vous passe par la tête.
### Éléments de texte sémantique Markdown
**Bold** `**Bold**`
`_Italic_ `_Italic_`
~~Deleted~~ `~Deleted~~`
`Code en ligne` `` `Code en ligne` ``
### Éléments de texte sémantique HTML
<abbr>I18N</abbr> `<abbr>`
<cite>Citation</cite> `<cite>`
<kbd>Ctrl + S</kbd> `<kbd>`
Texte<sup>Superscripté</sup> `<sup>`
Texte<sub>Subscrit</sub> `<sub>`
<u>Souligné</u> `<u>`
<marque>Surligné</marque> `<marque>`
<time>20:14</time> `<time>`
<var>x = y + 2</var> `<var>`
### Blockquote
> Les progrès de la technologie sont basés sur l'intégration de celle-ci de telle sorte que vous ne la remarquiez même pas,
> pour qu'elle fasse partie de la vie de tous les jours.
>
> <cite>- Bill Gates</cite>
``markdown
> Les progrès de la technologie sont basés sur le fait qu'elle s'intègre de telle sorte qu'on ne la remarque même pas,
> pour qu'elle fasse partie de la vie de tous les jours.
>
<cite>- Bill Gates</cite>
Liste non ordonnée
- élément de liste 1
- élément de liste 2
- élément de liste 2.1
- élément de liste 2.2
- élément de liste 2.3
- élément de liste 3
``Markdown
- élément de liste 1
- élément de liste 2
- élément de liste 2.1
- élément de liste 2.2
- élément de liste 2.3
- list item 3
Liste ordonnée
- élément de liste 1
- élément de liste 2
- élément de liste 2.1
- élément de liste 2.2
- élément de liste 2.3
- élément de liste 3
``markdown
- élément de liste 1
- élément de liste 2
- élément de liste 2.1
- élément de liste 2.2
- élément de liste 2.3
- élément de liste 3
Table
Nom | Genre | Date de sortie | ||||||
---|---|---|---|---|---|---|---|---|
Le film The Shawshank Redemption | Crime, Drame | 14 octobre 1994 | Le film The Godfather | Crime, Drame | 24 mars 1972 | Le film The Godfather | Crime, Drame | 14 octobre 1994 |
Le Parrain | Crime, Drame | 24 mars 1972 | La Liste de Schindler | Biographie, Drame | ||||
La Liste de Schindler | Biographie, Drame, Histoire | 4 Février 1994 | ||||||
Se7en - Crime, Drame, Mystère - 22 septembre 1995 |
``markdown | Nom | Genre | Date de sortie | |
---|---|---|---|---|
La Rédemption de Shawshank | Crime, Drame | 14 octobre 1994 | ||
Le Parrain | Crime, Drame | 24 mars 1972 | La Liste de Schindler | Biographie, Drame |
La Liste de Schindler | Biographie, Drame, Histoire | 4 Février 1994 | ||
Se7en - Crime, Drame, Mystère - 22 septembre 1995 |
### Avis
Les styles d'avis sont en fait fournis par le plugin `markdown-notices` mais sont suffisamment utiles pour être inclus ici :
! Ceci est une notification d'avertissement
! ! Ceci est une notification d'erreur
! !! Ceci est une notification par défaut
! !!! Ceci est une notification de succès
``markdown
! Ceci est une notification d'avertissement
! ! Ceci est une notification d'erreur
! !! Ceci est une notification par défaut
! !!! Ceci est une notification de succès