Update README.md

Added info about default styles
This commit is contained in:
Knut Sveidqvist
2014-11-17 10:18:22 +01:00
parent 170a6640b2
commit ef7b9bbecf

View File

@@ -67,9 +67,29 @@ Would end up like this:
</svg>
</div>
```
An id is also added to mermaid tags without id.
## Default style
Set the default styles for the graphics in css:
```
text {
font-weight: 300;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serf;
font-size: 14px;
}
.node rect {
stroke: #999;
fill: #fff;
stroke-width: 1.5px;
}
.edgePath path {
stroke: #333;
stroke-width: 1.5px;
}
```
# A graph example
```
@@ -180,4 +200,4 @@ A---|This is the text|B;
![Text on links](http://www.sveido.com/mermaid/img/ex11.png)
# Credits
Many thanks to the [d3](http://d3js.org/) and [dagre-d3](https://github.com/cpettitt/dagre-d3) projects for providing the graphical layout and drawing libraries!!!
Many thanks to the [d3](http://d3js.org/) and [dagre-d3](https://github.com/cpettitt/dagre-d3) projects for providing the graphical layout and drawing libraries!!!