Cursors

Atomic classes for managing an element’s cursor properties.

Classes

🔗

Class	CSS
`.c-auto`	`cursor: auto;`
`.c-default`	`cursor: default;`
`.c-pointer`	`cursor: pointer;`
`.c-wait`	`cursor: wait;`
`.c-move`	`cursor: move;`
`.c-not-allowed`	`cursor: not-allowed;`
`.c-help`	`cursor: help;`
`.c-text`	`cursor: text;`
`.c-grab`	`cursor: grab;`
`.c-grabbing`	`cursor: grabbing;`

Examples

🔗

<div class="c-auto">Auto</div>
<div class="c-default">Default</div>
<div class="c-pointer">Pointer</div>
<div class="c-wait">Wait</div>
<div class="c-move">Move</div>
<div class="c-not-allowed">Not allowed</div>
<div class="c-help">Help</div>
<div class="c-text">Text</div>
<div class="c-grab">Grab</div>
<div class="c-grabbing">Grabbing</div>

.c-auto
.c-default
.c-pointer
.c-wait
.c-move
.c-not-allowed
.c-help
.c-text
.c-grab
.c-grabbing

Customization

Override cursor variables:

$cursors: auto, default, pointer, wait, move, not-allowed, help, text, grab, grabbing;