jquery.mentionsInput.scss

.mentions-input-box {
  position: relative;
  background: #fff;

  textarea {
    width: 100%;
    display: block;
    height: 18px;
    padding: 9px;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    overflow: hidden;
    background: transparent;
    position: relative;
    outline: 0;
    resize: none;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .mentions {
    position: absolute;
    left: 1px;
    right: 0;
    top: 1px;
    bottom: 0;
    padding: 9px;
    color: #fff;
    overflow: hidden;

    white-space: pre-wrap;
    word-wrap: break-word;

    > div {
      color: #fff;
      white-space: pre-wrap;
      width: 100%;

      > strong {
        font-weight: normal;
        background: #d8dfea;

        > span {
          filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 0);
        }
      }
    }
  }

  .mentions-autocomplete-list {
    display: none;
    background: #fff;
    border: 1px solid #b2b2b2;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 10000;
    margin-top: -2px;

    border-radius: 5px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;

    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.148438);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.148438);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.148438);

    ul {
      margin: 0;
      padding: 0;

      li {
        background-color: #fff;
        padding: 0 5px;
        margin: 0;
        width: auto;
        border-bottom: 1px solid #eee;
        height: 26px;
        line-height: 26px;
        overflow: hidden;
        cursor: pointer;
        list-style: none;
        white-space: nowrap;

        &:last-child {
          border-radius: 5px;
        }

        &:hover,
        &.active {
          background-color: #f2f2f2;
        }

        > img,
        > div.icon {
          width: 16px;
          height: 16px;
          float: left;
          margin-top: 5px;
          margin-right: 5px;
          -moz-background-origin: 3px;

          border-radius: 3px;
        }

        em {
          font-weight: bold;
          font-style: none;
        }

        b {
          background: #ffff99;
          font-weight: normal;
        }

      }

    }
  }

}