This is a preview, you can find the current version here.
Last updated: 12/16/2025

Cursors

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

Classes

ClassOutput
.c-autocursor: auto;
.c-defaultcursor: default;
.c-pointercursor: pointer;
.c-textcursor: text;
.c-waitcursor: wait;
.c-movecursor: move;
.c-not-allowedcursor: not-allowed;
.c-helpcursor: help;

Examples

<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
Edit on GitHub