.editable-text
  padding-right 0px
  +above(md)
    padding-right 30px
  textarea.invisible-input
    display block
    width 100%

.character-limit
  position absolute
  top -8px
  right 5px
  font-size 12px
  color rgba(black, .5)
  +above(md)
    top -5px
.edit-icon
  position absolute
  top 3%
  right 0
  +above(md)
    right -30px

input.invisible-input,
textarea.invisible-input
  border none
  border-bottom 2px solid rgba(black, .5)
  background none
  padding 4px
  height auto
  color white
  resize none
  border-radius 0
  &:focus
    outline 0

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color rgba(black, .5)
}
::-moz-placeholder { /* Firefox 19+ */
  color rgba(black, .5)
}
:-ms-input-placeholder { /* IE 10+ */
  color rgba(black, .5)
}
:-moz-placeholder { /* Firefox 18- */
  color rgba(black, .5)
}

.editable-text
  padding-right 0px
  +above(md)
    padding-right 30px
  textarea.invisible-input
    display block
    width 100%

  textarea
    overflow hidden

.character-limit
  position absolute
  top -8px
  right 5px
  font-size 12px
  color rgba(black, .5)
  +above(md)
    top -5px
.edit-icon
  position absolute
  top 3%
  right 0
  +above(md)
    right -30px

input.invisible-input,
textarea.invisible-input
  border none
  border-bottom 2px solid rgba(black, .5)
  background none
  padding 4px
  height auto
  color white
  resize none
  border-radius 0
  &:focus
    outline 0

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color rgba(black, .5)
}
::-moz-placeholder { /* Firefox 19+ */
  color rgba(black, .5)
}
:-ms-input-placeholder { /* IE 10+ */
  color rgba(black, .5)
}
:-moz-placeholder { /* Firefox 18- */
  color rgba(black, .5)
}

Fix scrollbars on textareas in IE10
Fix scrollbars on textareas in IE10
