input[type="text"],
input[type="date"],
input[type="number"]
  height: 32px
  font: inherit
  color: inherit
  border: 1px solid #d3d3d3
  border-radius: 2px
  outline: none
  box-shadow: none
  padding: 6px 8px
  margin: 0
  box-sizing: border-box

  &[disabled]
    background: rgba(#000, .05)

  &::placeholder
    color: #aaa
    opacity: 1

  &:focus
    border-width: 2px
    border-color: #fc0
    padding: 5px 7px

  &.full-width
    width: 100%

  &[data-border="bottom"]
    border-left: none
    border-right: none
    border-top: none

    &:focus
      padding: 6px 8px 5px

  &[data-compact="true"]
    background: transparent
    border-left: none
    border-right: none
    border-top: none
    padding: 0 3px 2px

    &:focus
      padding: 0 3px 1px
