mermaid/src/less/forest/classDiagram.less

Markdownish syntax for generating flowcharts, sequence diagrams, class diagrams, gantt charts and git graphs.

g.classGroup text {
  fill: @nodeBorder;
  stroke: none;
  font-family: 'trebuchet ms', verdana, arial;
  font-size: 10px;
}

g.classGroup rect {
  fill: @nodeBkg;
  stroke: @nodeBorder;
}

g.classGroup line {
  stroke: @nodeBorder;
  stroke-width: 1;
}

svg .classLabel .box {
  stroke: none;
  stroke-width: 0;
  fill: @nodeBkg;
  opacity: 0.5;
}

svg .classLabel .label {
  fill: @nodeBorder;
  font-size: 10px;
}

.relation {
  stroke: @nodeBorder;
  stroke-width: 1;
  fill: none;
}

.composition {
  fill: @nodeBorder;
  stroke: @nodeBorder;
  stroke-width: 1;
}

#compositionStart {
  .composition;
}

#compositionEnd {
  .composition;
}

.aggregation {
  fill: @nodeBkg;
  stroke: @nodeBorder;
  stroke-width: 1;
}

#aggregationStart {
  .aggregation;
}

#aggregationEnd {
  .aggregation;
}

#dependencyStart {
  .composition;
}

#dependencyEnd {
  .composition;
}

#extensionStart {
  .composition;
}

#extensionEnd {
  .composition;
}