CSS-Scheibo - CSS Framework

Pointer Events

Toggle example guides Toggle HTML markup

Utilities for controlling whether an element responds to pointer events.

<insert-markup>9.2-</insert-markup>
Klick here
.pointer-events-auto
auto
<insert-markup>9.2-0</insert-markup>
Klick here
.pointer-events-none
none
<insert-markup>9.2-1</insert-markup>
Klick here
.pointer-events-visiblepainted
visiblePainted
<insert-markup>9.2-2</insert-markup>
Klick here
.pointer-events-visiblefill
visibleFill
<insert-markup>9.2-3</insert-markup>
Klick here
.pointer-events-visiblestroke
visibleStroke
<insert-markup>9.2-4</insert-markup>
Klick here
.pointer-events-visible
visible
<insert-markup>9.2-5</insert-markup>
Klick here
.pointer-events-painted
painted
<insert-markup>9.2-6</insert-markup>
Klick here
.pointer-events-fill
fill
<insert-markup>9.2-7</insert-markup>
Klick here
.pointer-events-stroke
stroke
<insert-markup>9.2-8</insert-markup>
Klick here
.pointer-events-all
all
<insert-markup>9.2-9</insert-markup>
Klick here
.pointer-events-inherit
inherit
<insert-markup>9.2-10</insert-markup>
Klick here
.pointer-events-initial
initial
<insert-markup>9.2-11</insert-markup>
Klick here
.pointer-events-unset
unset
<insert-markup>9.2-12</insert-markup>
Klick here
Markup 
  <div class="[modifier class] p-2 text-white bg-cinnabar">Klick here</div>
Source: _objects.scss, line 1623