// Partly based on Mermaid LESS sources
// Taken from https://github.com/knsv/mermaid/tree/master/src/less/default
@import "_flatly";

.language-mermaid svg {

  font-size: 1em;
  font-family: $cs-font;

  .node {
    background-color: $cs-success;

    .label {
      color: white;
    }

    ellipse,
    rect {
      fill:$cs-primary;
      stroke: $cs-primary;
    }

    polygon,
    circle {
      fill:$cs-warning;
      stroke: inherit;
    }

    .path {
      stroke: $cs-success;
    }

    &.clickable {
      cursor: pointer;
    }
  }

  .actor {
    stroke: $cs-primary;
    fill: $cs-primary;

  }

  text.actor {
    fill:$cs-whitetext;
    stroke:none;
    font-family: Lato,Roboto;
  }

  .edgePath {
    .path {
      fill: $cs-primary;
      stroke: $cs-primary;
      stroke-width: 1px;
    }
  }

  .arrowheadPath {
    fill: $cs-primary;
  }

  .edgeLabel {
    background-color: $cs-bg-primary;
  }

  .actor-line {
    stroke:$cs-success;
    stroke-width:1.5;
  }

  .messageLine0 {
    stroke-dasharray: "2 2";
    marker-end:"url(#arrowhead)";
    stroke:$cs-primary;
  }

  .messageLine1 {
    stroke-dasharray: "2 2";
    stroke:$cs-lighttext;
  }

  #arrowhead {
    fill:$cs-primary;
  }

  .messageText {
    fill:$cs-maintext;
    font-size:14px;
    stroke:none;
  }

  .label {
    font-size: inherit;
    color: $cs-primary;
  }

  .labelBox {
    fill: $cs-warning;
    stroke: $cs-warning;
  }

  .labelText {
    fill:white;
    stroke:none;
  }

  .loopText {
    fill:$cs-warning;
    stroke:none;
    tspan {
      fill: $cs-info;
    }
  }

  .loopLine {
    xstroke-dasharray: "2 2";
    marker-end:"url(#arrowhead)";
    stroke: $cs-warning;
  }

  .note {
    stroke: $cs-info;
    fill: $cs-info;
  }

  .noteText {
    fill:white;
    stroke:none;
    tspan {
      fill: white;
    }
  }

  .cluster rect {
    fill: $cs-bg-primary;
    stroke: $cs-bg-primary;
  }

  g:not([class]) rect:not([class]) {
    fill: white;
    stroke: $cs-success;
  }

  g.node rect:not([class]) {
    fill: $cs-success;
    stroke: $cs-success;
  }

}