Skip to content
GitLab
Projects Groups Topics Snippets
  • /
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Register
  • Sign in
  • A Atelier Gitlab Flavored Markdown
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributor statistics
    • Graph
    • Compare revisions
  • Issues 0
    • Issues 0
    • List
    • Boards
    • Service Desk
    • Milestones
  • Deployments
    • Deployments
    • Releases
  • Packages and registries
    • Packages and registries
    • Package Registry
    • Terraform modules
  • Monitor
    • Monitor
    • Incidents
  • Analytics
    • Analytics
    • Value stream
    • Repository
  • Wiki
    • Wiki
  • Activity
  • Graph
  • Create a new issue
  • Commits
  • Issue Boards
Collapse sidebar

La forge institutionnelle d'INRAE étant en production depuis le 10 juin 2025, nous vous recommandons d'y créer tous vos nouveaux projets.

  • Poulard Christine
  • Atelier Gitlab Flavored Markdown
  • Wiki
  • mermaid

mermaid · Changes

Page history
Update mermaid authored Oct 21, 2022 by Poulard Christine's avatar Poulard Christine
Hide whitespace changes
Inline Side-by-side
mermaid.md
View page @ 94c9b990
...@@ -62,6 +62,11 @@ graph TD ...@@ -62,6 +62,11 @@ graph TD
``` ```
### Styles : traits et couleurs ? ### Styles : traits et couleurs ?
```mermaid
flowchart LR
A:::someclass --> B
classDef someclass fill:#f96;
```
:key: Les mots clefs pour les styles sont : :key: Les mots clefs pour les styles sont :
- classDef : définit le style pour une classe `classDef green fill:#9f6,stroke:#333,stroke-width:2px` - classDef : définit le style pour une classe `classDef green fill:#9f6,stroke:#333,stroke-width:2px`
...@@ -71,23 +76,20 @@ graph TD ...@@ -71,23 +76,20 @@ graph TD
- linkstyle i : définit un style pour le lien numéro i (de 0 à N) - linkstyle i : définit un style pour le lien numéro i (de 0 à N)
- linkstyle i,j,k : définit un style pour les liens numéro i,j,k :warning: pas d'espace entre les chiffres et les virgules - linkstyle i,j,k : définit un style pour les liens numéro i,j,k :warning: pas d'espace entre les chiffres et les virgules
:rainbow: Les couleurs peuvent être nommées ou définies en hexa à 3 chiffres, `#rvb`, qui correspondent à `#rrvvbb` pour tester :rainbow: Les couleurs peuvent être nommées ou définies en hexa à 3 chiffres, `#rvb`, qui correspondent à `#rrvvbb` sur 6.
- $` \textcolor{#000000}{\sharp 000}`$ Pour tester, on peut utiliser :
- $` \textcolor{#ff0000}{\sharp f00}`$ -la syntaxe LateX/kateX
- $` \textcolor{#00ff00}{\sharp 0f0}`$ - $` \textcolor{#000000} {\sharp 000}`$
- $` \textcolor{#0000ff}{\sharp 00f}`$ - $` \textcolor{#ff0000} {\sharp f00}`$
- $`\textcolor{blue}{ \text{à comparer avec le mot clé blue}`$ - $` \textcolor{#00ff00} {\sharp 0f0}`$
- $`\textcolor{red}{ \text{à comparer avec le mot clé red}`$ - $` \textcolor{#0000ff} {\sharp 00f}`$
- $`\textcolor{green}{ \text{à comparer avec le mot clé green}`$ - $`\textcolor{blue}{ \text{à comparer avec le mot clé blue}}`$
- $`\textcolor{red}{ \text{à comparer avec le mot clé red}}`$
- $`\textcolor{green}{ \text{à comparer avec le mot clé green}}`$
- l'éditeur en ligne .
ça marche dans l'éditeur en ligne
```mermaid
flowchart LR
A:::someclass --> B
classDef someclass fill:#f96;
```
#### Palettes en hexa #### Palettes en hexa
......
Clone repository

Barre latérale

ce panneau va faciliter votre navigation

Tutoriel
  • Page principale
  • Diagrammes mermaid

Pour les rédacteurs
  • pour les tests

Barre latérale personnalisée
  • référence directe au paragraphe sidebar
pour la retrouver, une référence est bien pratique !
  • Barre latérale