Files
hexo-theme-shoka/source/css/_common/components/third-party/mermaid/flowchart.styl
2020-09-02 21:28:24 +08:00

68 lines
1.0 KiB
Stylus

.label {
font-family: var(--mermaid-font-family);
color: #333;
font-size: $font-size-small;
}
.label text {
fill: #333;
}
.node rect,
.node circle,
.node ellipse,
.node polygon,
.node path {
fill: var(--grey-1);
stroke: var(--text-color);
stroke-width: .0625rem;
}
.node .label {
text-align: center;
}
.node.clickable {
cursor: pointer;
}
.arrowheadPath {
fill: var(--text-color);
}
.edgePath .path {
stroke: var(--text-color);
stroke-width: 1..3125rem;
}
.edgeLabel {
background-color: #e8e8e8;
rect {
opacity: .9;
}
text-align: center;
}
.cluster rect {
fill: var(--grey-2);
stroke: var(--text-color);
stroke-width: .0625rem;
}
.cluster text {
fill: var(--text-color);
}
div.mermaidTooltip {
position: absolute;
text-align: center;
max-width: 12.5rem;
padding: .125rem;
font-family: var(--mermaid-font-family);
font-size: .75rem;
background: var(--grey-1);
border: .0625rem solid var(--text-color);
border-radius: .125rem;
pointer-events: none;
z-index: $zindex-3;
}