daisyui/components/validator.css

daisyUI 5 - The Tailwind CSS Component Library

/*! 🌼 daisyUI 5.5.13 - MIT License */ @layer utilities{.validator{@layer daisyui.l1.l2.l3{&:user-valid,&:has(:user-valid){&,&:focus,&:checked,&[aria-checked=true],&:focus-within{--input-color:var(--color-success)}}&:user-invalid,&:has(:user-invalid),&[aria-invalid]:not([aria-invalid=false]),&:has([aria-invalid]:not([aria-invalid=false])){&,&:focus,&:checked,&[aria-checked=true],&:focus-within{--input-color:var(--color-error)}&~.validator-hint{visibility:visible;color:var(--color-error)}}}}.validator-hint{@layer daisyui.l1.l2.l3{&{visibility:hidden;margin-top:.5rem;font-size:.75rem}}}.validator{&:user-invalid,&:has(:user-invalid),&[aria-invalid]:not([aria-invalid=false]),&:has([aria-invalid]:not([aria-invalid=false])){&~.validator-hint{display:revert-layer}}}}