message: Minor refactor of energy meter increment styles.
diff: display: flex;
  align-items: center;
  + border-color: white;
  +
  .unavailable,
  .used,
  .unused {
  }
  .unavailable {
  height: 0;
  + border-color: #888;
  + }
  + .used {
  + background: white;
  }
  &.small {
  .unavailable,
  }
  }
  - .unavailable {
  - border-color: #888;
  - }
  -
  - &.solar > .used {
  - border-color: #f0631e;
  - background: #f0631e;
  - }
  -
  - &.solar > .unused {
  - border-color: #f0631e;
  + @mixin increment-style($color) {
  + .unused {
  + border-color: $color;
  }
  -
  - &.arc > .used {
  - border-color: #79bbe8;
  - background: #79bbe8;
  + .used {
  + border-color: $color;
  + background: $color;
  }
  -
  - &.arc > .unused {
  - border-color: #79bbe8;
  }
  - &.void > .used {
  - border-color: #8e749e;
  - background: #8e749e;
  + &.solar {
  + @include increment-style(#f0631e);
  }
  -
  - &.void > .unused {
  - border-color: #8e749e;
  + &.arc {
  + @include increment-style(#79bbe8);
  }
  -
  - &.stasis > .used {
  - border-color: #4d88ff;
  - background: #4d88ff;
  + &.void {
  + @include increment-style(#8e749e);
  }
  -
  - &.stasis > .unused {
  - border-color: #4d88ff;
  + &.stasis {
  + @include increment-style(#4d88ff);
  }
  }
  