.list-items .list-item {
  .font-s2;

  // Layout of list-item children
  .display(flex);
  .flex-wrap(wrap);
  width: 100%;

  .checkbox {
    .flex(0, 0, 44px);
  }

  span, textarea {
    .flex(1);
  }

  span {
    padding: 14px 0;
  }

  // Style of list-item children
  textarea {
    background: transparent;
    cursor: pointer;
    height: auto;
    overflow-y: hidden;
    resize: none;

    &:focus { cursor: text; }
  }

  .avatar {
    height: 25px;
    margin: 5px 0;
    border-radius: 50%;
  }

  // Border between list items
  & + .list-item { border-top: 1px solid #f0f9fb; }
}
.list-items .list-item {
  .font-s2;

  // Layout of list-item children
  .display(flex);
  .flex-wrap(wrap);
  width: 100%;

  .checkbox {
    .flex(0, 0, 44px);
  }

  span, textarea {
    .flex(1);
  }

  span {
    padding: 14px 0;
  }

  // Style of list-item children
  textarea {
    background: transparent;
    cursor: pointer;
    height: 53px;
    overflow-y: hidden;
    resize: none;
    .transition( all 300ms ease-out );

    &:focus {
      cursor: text;
      height: 120px;
    }
  }

  .avatar {
    height: 25px;
    margin: 5px 0;
    border-radius: 50%;
  }

  // Border between list items
  & + .list-item { border-top: 1px solid #f0f9fb; }
}
Increase input textarea on focus.
Increase input textarea on focus.
