dev/scss/main/tree.scss

@charset "utf-8";
@import "../util";

/**
 * SVG tree
 */
path.edge {
  stroke: $darker-orange;
  stroke-width: 2px;
  fill: none;
}

marker#arr {
  overflow: visible;
  path {
    fill-opacity:1;
    stroke-width: 2; 
    stroke: $darkest-orange;
    fill: $darkest-orange;
  }
}

path.anchor {
  stroke: $darkest-orange;
  stroke-width: 3;
  stroke-linecap: round;
  z-index: 20;
}

g.root rect.empty {
  stroke: $darker-orange;
  fill: $darker-orange;
  stroke-width: 2px;
}

g.middle, g.arc {
  rect {
    stroke: $darker-orange;
    stroke-width: 2px;
    fill: $middle-orange;
  }
}

g.middle.mark {
  rect {
    fill: $darker-orange;
  }
  > text {
    fill: $light-orange;
    > tspan {
      stroke: $light-orange;
    }
  }
}


g.leaf.mark text > tspan {
  font-weight: bold;
}

g.leaf > rect {
  display: none;
}

g > text > tspan {
  text-anchor: middle;
  font-size: 9pt;
}

g.leaf > text,
text.leaf {
  > tspan {
    font-size: 10pt;
    overflow: visible;
    z-index: 30;
  }
}