spur-tailwind/css/components/field.css

Spur web UI

.field {
  @apply mb-8;
}

.field-label {
  @apply block mb-2 text-sm font-semibold;
}

.field-input {
  @apply w-full;
}

.field p {
  @apply leading-normal;
}

/* Modifiers */
.field-small {
  @apply max-w-2xs;
}

/* Field validation helper message */
.field-message {
  @apply mt-2 flex items-center;
}

.field-message-icon {
  @apply mr-2 fill-current;
}

/* Error state */
.field.has-error .input-field,
.field.has-error .textarea,
.field.has-error .select-input,
.field.has-error .search-field-btn,
.field.has-error .filter-field-search {
  @apply border-2 border-deep-watermelon;
}

.field.has-error .field-message {
  @apply text-deep-watermelon;
}