hugo-theme-tiles/assets/sass/_mermaid.scss

80 lines
1.3 KiB
SCSS

$mermaidDark:rgb(67, 116, 57);
$mermaidLight:rgb(102, 190, 85);
$mermaidText: whitesmoke;
$mermaidLine: whitesmoke;
.actor {
stroke: $mermaidLight;
fill: $mermaidDark;
}
text.actor {
fill:$mermaidText;
stroke:none;
font-family: Helvetica;
}
.actor-line {
stroke:$mermaidLight;
}
.messageLine0 {
stroke-width:1.5;
stroke-dasharray: "2 2";
marker-end:"url(#arrowhead)";
stroke:$mermaidLine;
}
.messageLine1 {
stroke-width:1.5;
stroke-dasharray: "2 2";
stroke:$mermaidLine;
}
#arrowhead {
fill:$mermaidLine;
}
.messageText {
fill:$mermaidText;
stroke:none;
font-family: 'trebuchet ms', verdana, arial;
font-size:14px;
}
.labelBox {
stroke: $mermaidLight;
fill: $mermaidDark;
}
.labelText {
fill:$mermaidText;
stroke:none;
font-family: 'trebuchet ms', verdana, arial;
}
.loopText {
fill:$mermaidText;
stroke:none;
font-family: 'trebuchet ms', verdana, arial;
}
.loopLine {
stroke-width:2;
stroke-dasharray: "2 2";
marker-end:"url(#arrowhead)";
stroke: $mermaidLine;
}
.note {
stroke: #decc93;
stroke: #CCCCFF;
fill: #fff5ad;
}
.noteText {
fill:black;
stroke:none;
font-family: 'trebuchet ms', verdana, arial;
font-size:14px;
}