// // Graph attributes (garden/site-nav) //

svg {

.links line {
  stroke: $link-line-stroke-color;
  stroke-width: $link-line-stroke-width;
  stroke-dasharray: $link-line-dash-val;
}

.nodes circle {
  pointer-events: all;
  stroke: $node-stroke-color;
  stroke-width: $node-stroke-width;
  fill: $node-unvisited-color;

  &:hover {
    cursor: pointer;
  }

  &.pulse {
    fill: $node-active-color;
    animation: pulse 2s linear infinite;
  }

  &.pulse-sem-tag {
    fill: $node-tagged-color;
    animation: pulse 2s linear infinite;
  }

  &.missing {
    fill: $node-missing-color !important;
    cursor: help;
  }

  // &.unvisited {
  //   fill: $node-unvisited-color;
  // }

  &.visited {
    fill: $node-visited-color;
  }
}

.text text {
  fill: $body-text-color;
}

.active {
  opacity: $hover-active-alpha;
  filter: brightness($hover-active-brightness);
  font-size: 50%;
  z-index: 10;
  transition: all 0.1s ease-in-out;
}

.inactive {
  opacity: $hover-inactive-alpha;
  filter: brightness($hover-inactive-brightness);
  z-index: 0;
  transition: all 0.1s ease-in-out;
}

@keyframes pulse {       
  0% {transform: scale(1.0); opacity: 1;}
  100% {transform: scale(2); opacity: 0;}
}

}