dev/scss/main/view/tree.scss

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

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

g.arc.infocus > path.edge {
  stroke: $dark-green;
}

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

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.label {
  rect {
    stroke:       $darker-orange;
    stroke-width: 2px;
    fill:         $middle-orange;
  }
}

g.label.infocus rect {
  stroke: $dark-green;
  fill:   $lightest-green;
}

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;
  }
}