Skip to main content
Sections

Cursors

Atomic cursor classes allow you to quickly change an element’s cursor behavior.

Class Output
.c-auto cursor: auto;
.c-default cursor: default;
.c-pointer cursor: pointer;
.c-text cursor: text;
.c-wait cursor: wait;
.c-move cursor: move;
.c-not-allowed cursor: not-allowed;
.c-help cursor: help;
<div class="c-auto"></div>
<div class="c-default"></div>
<div class="c-pointer"></div>
<div class="c-text"></div>
<div class="c-wait"></div>
<div class="c-move"></div>
<div class="c-not-allowed"></div>
<div class="c-help"></div>
.c-auto
.c-default
.c-pointer
.c-text
.c-wait
.c-move
.c-not-allowed
.c-help
Deploys by Netlify