@import "ui-variables";
atom-overlay.autocomplete-plus {
    z-index: 5;
}
autocomplete-suggestion-list.select-list.popover-list {
  width: auto;
  display: inline-block;
  min-width: 200px;

  input {
    position: absolute;
    opacity: 0.00;
  }

  ol.list-group {
    overflow-y: auto;
    margin-top: 0;

    li {
      color: @text-color;
      &:after {
        clear: both;
        display: block;
        content: ' ';
      }
      .word {
        float: left;
      }
      .character-match {
        font-weight: bold;
        color: @text-color-highlight;
      }
      &.selected .character-match {
        color:@text-color-selected;
      }
      .snippet-completion {
        color: @text-color-subtle;
      }
      &.selected .completion-label {
        color: fadeout(@text-color-selected, 60%);
      }
      .completion-label {
        float: right;
        padding-right: 6px;
        padding-left: 6px;
      }
    }
  }
}

@import "ui-variables";
atom-overlay.autocomplete-plus {
    z-index: 5;
}
autocomplete-suggestion-list.select-list.popover-list {
  width: auto;
  display: inline-block;
  min-width: 200px;

  input {
    position: absolute;
    opacity: 0.00;
  }

  ol.list-group {
    overflow-y: auto;
    margin-top: 0;

    li {
      color: @text-color;
      &:after {
        clear: both;
        display: block;
        content: ' ';
      }
      .word {
        float: left;
      }
      .character-match {
        font-weight: bold;
        color: @text-color-highlight;
      }
      .snippet-completion {
        color: @text-color-subtle;
      }
      .completion-label {
        float: right;
        padding-right: 6px;
        padding-left: 6px;
      }
      &.selected {
        .character-match {
          color: @text-color-selected;
        }
        .completion-label, .snippet-completion {
          color: fadeout(@text-color-selected, 60%);
        }
      }
    }
  }
}

Clean up and organize the less for selected items
Clean up and organize the less for selected items