@import "tailwindcss";
@plugin "@tailwindcss/forms";
@import "./eras/show.css";

@source "../../views/**/*.html.erb";
@source "../../helpers/**/*.rb";
@source "../../javascript/**/*.js";
@source "./**/*.css";

@layer components {
  .input {
    label {
      @apply block text-sm font-medium text-white mb-1;
    }

    input {
      @apply block w-full bg-gray-700 text-white rounded-md;
    }

    .hint {
      @apply block mt-1 text-sm text-gray-400;
    }

    .error {
      @apply block mt-1 text-sm text-red-600;
    }
  }
}

abbr:where([title]) {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: red;
}

form.new_user {
  abbr {
    display: none;
  }
}