marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-09-23 09:20:03 +02:00
Code Issues Packages Projects Releases Wiki Activity

docs: build working

Browse Source
This commit is contained in:
Emerson Bottero
2022-09-23 23:33:24 -03:00
parent a96c5ed83a
commit 87911f4a56
8 changed files with 118 additions and 4055 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
vdocs/syntax/flowchart.md
View File

@@ -637,14 +637,22 @@ It is possible to add icons from fontawesome.
The icons are accessed via the syntax fa:#icon class name#.
```mermaid-example
```mmd
flowchart TD
B["fab:fa-twitter for peace"]
B-->C[fa:fa-ban forbidden]
B-->D(fa:fa-spinner);
B-->D(fa:fa-spinner)
B-->E(A fa:fa-camera-retro perhaps?)
```
```mermaid
flowchart TD
B[<img class='fab' src='https://raw.githubusercontent.com/FortAwesome/Font-Awesome/afecf2af5d897b763e5e8e28d46aad2f710ccad6/svgs/brands/twitter.svg'> for peace .]
B-->C[<img class='fab' src='https://raw.githubusercontent.com/FortAwesome/Font-Awesome/afecf2af5d897b763e5e8e28d46aad2f710ccad6/svgs/solid/ban.svg'> forbidden .]
B-->D(<img class='fab' src='https://raw.githubusercontent.com/FortAwesome/Font-Awesome/afecf2af5d897b763e5e8e28d46aad2f710ccad6/svgs/solid/spinner.svg'> .)
B-->E(A <img class='fab' src='https://raw.githubusercontent.com/FortAwesome/Font-Awesome/afecf2af5d897b763e5e8e28d46aad2f710ccad6/svgs/solid/camera-retro.svg'> perhaps? .)
```
?> Mermaid is now only compatible with Font Awesome versions 4 and 5. Check that you are using the correct version of Font Awesome.
## Graph declarations with spaces between vertices and link and without semicolon
@@ -675,3 +683,17 @@ mermaid.flowchartConfig = {
width: 100%
}
```
<style>
.fa, .fab, .fal, .far, .fas {
width: 16px;
height: 16px;
filter: opacity(0.5);
}
.dark .fa, .dark .fab, .dark .fal, .dark .far, .dark .fas {
width: 16px;
height: 16px;
filter: invert(1) opacity(0.5);
}
</style>