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
| 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; |
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