.placeholding {
  position: relative;
  display: inline-block;

  input,textarea {
    position: relative;
    z-index: 2;
    // For IE 7,8 we must put a fake background image
    // on other browsers a simple transparent background is ok
    background: transparent;
  }

  .placeholder {
    position: absolute;
    left: 0; top: 0;
    width: 99%; height: 100%;
    z-index: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 2.3em;
    text-indent: 10px;
    background: @white;
    border-radius: @borderRadiusMS;
    color: lighten(@black, 65%);
    .transition(color 0.2s);
  }

  &.active {
    .placeholder {
      color: lighten(@black, 80%);
    }
  }

  &.typing {
    .placeholder {
      color: @white;
    }
  }
}