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>
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

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; }