mermaid/docs/breakingChanges.md

50 lines
732 B
Markdown
Raw Normal View History

2019-07-12 20:40:54 +02:00
# Breaking changes
2019-07-12 20:40:54 +02:00
### Breaking changes from history version to latest version:
## #1
```javascript
mermaid.initialize({
sequenceDiagram:{
...
}
})
```
has been changed to
```javascript
mermaid.initialize({
sequence:{
...
}
})
```
## #2
2022-08-19 17:55:50 +01:00
In old versions you needed to reference a CSS file in your HTML:
2019-07-12 20:40:54 +02:00
```html
2022-09-05 01:00:47 +05:30
<link rel="stylesheet" href="mermaid.min.css" />
2019-07-12 20:40:54 +02:00
```
or
```html
2022-09-05 01:00:47 +05:30
<link rel="stylesheet" href="mermaid.forest.min.css" />
2019-07-12 20:40:54 +02:00
```
2022-08-19 17:55:50 +01:00
Now it is not needed, and there are no more CSS files in the distribution files.
2019-07-12 20:40:54 +02:00
2022-08-19 17:55:50 +01:00
You just:
2019-07-12 20:40:54 +02:00
```javascript
mermaid.initialize({
2022-09-05 01:00:47 +05:30
theme: 'forest',
});
2019-07-12 20:40:54 +02:00
```
2022-08-19 17:55:50 +01:00
and it works like a charm because now the CSS is inline with the SVG to allow simpler portability.