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-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-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-wait
.c-move
.c-not-allowed
.c-help