spur-tailwind/css/components/editable-field.css

Spur web UI

.editable-field {
  @apply -m-2 p-2 border border-transparent rounded cursor-pointer;
  transition: border 300ms ease-in-out;

  &:hover,
  &.is-active {
    @apply border-border-line-purple;
  }

  &.is-unedited input {
    @apply text-spur-grey italic;
  }
}

.editable-field-input {
  @apply text-2xl;

  & input {
    @apply p-0 h-auto border-0 text-spur-black;

    &:focus {
      outline: none;
    }
  }
}