Pointer Events

Use to revert to the default browser behavior for pointer events (like :hover and click).

Use to make an element ignore pointer events. The pointer events will still trigger on child elements and pass-through to elements that are “beneath” the target.

By default, only responsive variants are generated for pointer event utilities.

You can control which variants are generated for the pointer event utilities by modifying the pointerEvents property in the variants section of your file.

Disabling

If you don’t plan to use the pointer event utilities in your project, you can disable them entirely by setting the pointerEvents property to false in the section of your config file:

  Resize →