/** maillon circles **/
.maillon-circle{
  circle{
    stroke:#b6be00;
    stroke-width:3;
    fill:#b6be00;
    &.maillon-circle-enabled-hovered{
      stroke:#00CCFF;
      stroke-width:3;
      fill:#ffffff;
    }
  }
  path{
    stroke:#b6be00;
    stroke-width:1;
    fill:none;
    &.maillon-cables-disabled{
      stroke:#DFDFDF;
      stroke-width:0.4;
      fill:none;
    }
    &.single-maillon-cables-disabled{
      stroke:#DFDFDF;
      stroke-width:0.4;
      fill:none;
    }
  }
}

.maillon-circle-disabled{
  circle{
    stroke:#D2D2D2;
    stroke-width:3;
    fill:#ffffff;
    &.maillon-circle-disabled-hovered{
      stroke:blue;
      stroke-width:3;
      fill:#B122FF;
    }
  }
  path{
    stroke:#DFDFDF;
    stroke-width:0.4;
    fill:none;
  }
}

/** maillon circles **/
$stroke-width: 4;
$stroke-width-path: 2.5;

$disabled-color: $shadow-gray;

.maillon-circle{
  circle{
    stroke:$dark-green;
    stroke-width:$stroke-width;
    fill:$dark-green;
    &.maillon-circle-enabled-hovered{
      stroke:$blue;
      stroke-width:$stroke-width;
      fill:$white;
    }
  }
  path{
    stroke:$dark-green;
    stroke-width:$stroke-width-path;
    fill:none;
    &.maillon-cables-disabled{
      stroke:$disabled-color;
      stroke-width:$stroke-width-path;
      fill:none;
    }
    &.single-maillon-cables-disabled{
      stroke:$disabled-color;
      stroke-width:$stroke-width-path;
      fill:none;
    }
  }
}

.maillon-circle-disabled{
  circle{
    stroke:$disabled-color;
    stroke-width:$stroke-width;
    fill:$white;
    &.maillon-circle-disabled-hovered{
      stroke:$dark-blue;
      stroke-width:$stroke-width;
      fill:$blue;
    }
  }
  path{
    stroke:$disabled-color;
    stroke-width:$stroke-width-path;
    fill:none;
  }
}

Fix recipe bullets decoration according to preliminary UI specs
Fix recipe bullets decoration according to preliminary UI specs