GitHub/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-01-28 07:03:17 +08:00
Code Issues Projects Releases Wiki Activity

Migrated style css from scss file to styles.js

Browse Source
This commit is contained in:
Ashish Jain 2020-07-22 19:10:28 +02:00
parent ff439369da
commit 03c19ccae9
1 changed files with 47 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
src/diagrams/class/styles.js
View File

@ -11,6 +11,11 @@ const getStyles = options =>
} }
} }
.divider {
stroke: $nodeBorder;
stroke: 1;
}
g.clickable { g.clickable {
cursor: pointer; cursor: pointer;
} }
@ -47,15 +52,51 @@ g.classGroup line {
stroke-dasharray: 3; stroke-dasharray: 3;
} }
#compositionStart, #compositionEnd, #dependencyStart, #dependencyEnd, #extensionStart, #extensionEnd { #compositionStart, .composition {
fill: ${options.lineColor}; fill: ${options.lineColor} !important;
stroke: ${options.lineColor}; stroke: ${options.lineColor} !important;
stroke-width: 1; stroke-width: 1;
} }
#aggregationStart, #aggregationEnd { #compositionEnd, .composition {
fill: ${options.nodeBkg}; fill: ${options.lineColor} !important;
stroke: ${options.lineColor}; stroke: ${options.lineColor} !important;
stroke-width: 1;
}
#dependencyStart, .dependency {
fill: ${options.lineColor} !important;
stroke: ${options.lineColor} !important;
stroke-width: 1;
}
#dependencyStart, .dependency {
fill: ${options.lineColor} !important;
stroke: ${options.lineColor} !important;
stroke-width: 1;
}
#extensionStart, .extension {
fill: ${options.lineColor} !important;
stroke: ${options.lineColor} !important;
stroke-width: 1;
}
#extensionEnd, .extension {
fill: ${options.lineColor} !important;
stroke: ${options.lineColor} !important;
stroke-width: 1;
}
#aggregationStart, .aggregation {
fill: ${options.nodeBkg} !important;
stroke: ${options.lineColor} !important;
stroke-width: 1;
}
#aggregationEnd, .aggregation {
fill: ${options.nodeBkg} !important;
stroke: ${options.lineColor} !important;
stroke-width: 1; stroke-width: 1;
} }
`; `;