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

Adding styling

Browse Source
This commit is contained in:
Knut Sveidqvist
2020-10-22 19:51:31 +02:00
parent 5fb572abaf
commit 6eaea38df7
4 changed files with 50 additions and 268 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
cypress/platform/knsv.html
View File

@@ -55,11 +55,11 @@ flowchart TD
class T TestSub
linkStyle 0,1 color:orange, stroke: orange;
</div>
<div class="mermaid" style="width: 50%; height: 20%;">
<div class="mermaid2" style="width: 50%; height: 20%;">
graph TD
C -->|fa:fa-car Car| F[fa:fa-car Car]
</div>
<div class="mermaid" style="width: 50%; height: 20%;">
<div class="mermaid2" style="width: 50%; height: 20%;">
flowchart TD
C -->|fa:fa-car Car| F[fa:fa-car Car]
</div>
@@ -94,6 +94,13 @@ graph TD
C -----> E4
C ======> E5
</div>
<div class="mermaid" style="width: 50%; height: 20%;">
sequenceDiagram
participant John
participant Alice
Alice->>John: Hello John, how are you?
John-->>Alice: Great!
</div>
<script src="./mermaid.js"></script>
@@ -110,7 +117,7 @@ graph TD
flowchart: { curve: 'cardinal', htmlLabels: true },
htmlLabels: true,
// gantt: { axisFormat: '%m/%d/%Y' },
sequence: { actorFontFamily: 'courier',actorMargin: 50, showSequenceNumbers: true },
sequence: { showSequenceNumbers: true },
// sequenceDiagram: { actorMargin: 300 } // deprecated
// fontFamily: '"arial", sans-serif',
fontFamily: 'courier',