abe33/awesome_form

+for-gecko
  input:focus,
  input:active,
  input::-moz-focus-inner,
  input:-moz-focusring
    outline: none !important
    -moz-appearance: none
    appearance: none

+for-webkit
  input, textarea
    -webkit-appearance: none

textarea
  resize: none

.input
  -webkit-tap-highlight-color: rgba(0,0,0,0)

  margin: 0
  width: 100%
  min-height: 32px
  padding: $padding_3 0
  border: none
  background: transparent
  transition: all 0.3s
  border-radius: $radius_1

  &:active
    +animation(touched 0.3s)

  &:focus
    padding: $padding_3 $padding_5
    +paper-box

  +placeholder
    font-style: italic
    color: $grey_dark
    text-overflow: ellipsis

.placeholder
  font-style: italic
  color: $grey_dark
  text-overflow: ellipsis