Pointer events

Syntax

Class
Properties
pointer-events-none
pointer-events: none;
pointer-events-auto
pointer-events: auto;
<div class="t1 w-320 bg-c-white p-16 flex flex-center shadow-4"> <button class="t1 px-16 py-4 color-white rounded-3 shadow-4 bg-c-blue active:bg-c-blue-800 pointer-events-auto">Click me!</button> </div>

Specification test cases

The test cases below are imported from the Turbo CSS specification. They have been executed upon loading this page.
Do not respond to pointer events.
t1 pointer-events-none
.t1.pointer-events-none { pointer-events: none; }
Respond to pointer events.
t1 pointer-events-auto
.t1.pointer-events-auto { pointer-events: auto; }