Header
Utility classes to change pointer behaviour
.c-auto
changes the cursor depending on the context of the content being hovered on. Example:- cursor becomes a select on hovering over text.
<div class="c-auto">...</div>
.c-defaults
shows the default cursor irrespective of the semantic element it is hovering on.
<div class="c-default">...</div>
.c-pointer
shows a pointing hand to indicate that an element is clickable.
<div class="c-pointer">...</div>
.c-wait
shows a spinner to indicate that some background process is taking place.
<div class="c-wait">...</div>
.c-move
indicates that the element is draggable.
<div class="c-move">...</div>
.c-not-allowed
indicates that the element cannot be clicked. Sometimes used to prevent accidental clicks.
<div class="c-not-allowed">...</div>