pointer-events-none/auto — click-through control. This family contains 2 generated classes in Nakshora 3.1.

Classes#

ClassGenerated CSS
pointer-events-nonepointer-events: none;
pointer-events-autopointer-events: auto;

Example#

example
html
<div class="pointer-events-none absolute inset-0 grid place-items-center">
  <button class="pointer-events-auto">Overlay CTA</button>
</div>

Responsive & variants#

Every class here accepts screen prefixes (xxs: … 5xl:) and state variants — md:hover:p-4 style stacks compile to a single media query. See responsive/index|Responsive design and variants/index|Variants.

Best practices#

  • Decorative overlays: pointer-events-none so links below stay clickable

utilities/interactivity/cursor|Cursor · utilities/interactivity/scroll-snap|Scroll snap