$size: 1.3rem;

.node-status-light {
  display: inline-block;
  height: $size;
  width: $size;
  border-radius: $size / 2;
  vertical-align: middle;

  background: $black;

  &.ready {
    background: $primary;
  }

  &.down {
    background: $danger;
  }

  &.initializing {
    background: repeating-linear-gradient(
      -45deg,
      $grey-lighter,
      $grey-lighter 3px,
      darken($grey-lighter, 25%) 3px,
      darken($grey-lighter, 25%) 6px
    );
  }

  &.ineligible,
  &.draining {
    background: $warning;
  }
}

$size: 1.3rem;

.node-status-light {
  display: inline-flex;
  height: $size;
  width: $size;
  border-radius: $size / 2;
  vertical-align: middle;
  align-items: center;
  justify-content: center;

  background: $black;
  color: $white;

  &.ready {
    background: $primary;
  }

  &.down {
    background: $danger;
  }

  &.initializing {
    background: $grey-lighter;
  }

  &.ineligible,
  &.draining {
    background: $warning;
  }

  .icon {
    width: $size - 0.2rem;
    height: $size - 0.2rem;
  }
}

Allow for an icon within the node status light
Allow for an icon within the node status light
