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

Fix for issue #271

Browse Source
This commit is contained in:
knsv
2015-12-27 14:18:21 +01:00
parent 8c8f5928f5
commit cc8c5aecaf
12 changed files with 52 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
test/examples/circleColorByClassDef.html Normal file
View File

@@ -0,0 +1,36 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="../../dist/mermaid.css"/>
<script src="../../dist/mermaid.js"></script>
<style>
.cluster {
fill: #fcac93;
rx:4px;
stroke: grey;
}
.cssClass > rect{
fill:#FF0000;
stroke:#FFFF00;
stroke-width:4px;
}
</style>
<link rel="stylesheet" href="../../dist/mermaid.forest.css"/>
</head>
<body>
<h1>classDef for circle and elipse</h1>
A node and D node should be green.
<div class="mermaid" id="i211">
graph LR;
A((start))-->B(step1);
B-->C[step2];
C-->D{step3};
D-->D2(-step3.5-);
D2-->E[end];
classDef green fill:#9f6,stroke:#333,stroke-width:1px;
class A,B,C,D,D2,E green;
</div>
</body>
</html>