Cursor
Utilities for setting the type of mouse cursor, if any, to show when the mouse pointer is over an element.
Classes
| Class | Output |
|---|---|
| .d-c-all-scroll | cursor: all-scroll !important; |
| .d-c-auto | cursor: auto !important; |
| .d-c-col-resize | cursor: col-resize !important; |
| .d-c-copy | cursor: copy !important; |
| .d-c-crosshair | cursor: crosshair !important; |
| .d-c-default | cursor: default !important; |
| .d-c-grab | cursor: grab !important; |
| .d-c-grabbing | cursor: grabbing !important; |
| .d-c-help | cursor: help !important; |
| .d-c-menu | cursor: context-menu !important; |
| .d-c-move | cursor: move !important; |
| .d-c-none | cursor: none !important; |
| .d-c-not-allowed | cursor: not-allowed !important; |
| .d-c-pointer | cursor: pointer !important; |
| .d-c-progress | cursor: progress !important; |
| .d-c-row-resize | cursor: row-resize !important; |
| .d-c-text | cursor: text !important; |
| .d-c-wait | cursor: wait !important; |
| .d-c-zoom-in | cursor: zoom-in !important; |
| .d-c-zoom-out | cursor: zoom-out !important; |
Usage
<div class="d-c-all-scroll">...</div>
<div class="d-c-auto">...</div>
<div class="d-c-col-resize">...</div>
<div class="d-c-copy">...</div>
<div class="d-c-crosshair">...</div>
<div class="d-c-default">...</div>
<div class="d-c-grab">...</div>
<div class="d-c-grabbing">...</div>
<div class="d-c-help">...</div>
<div class="d-c-menu">...</div>
<div class="d-c-move">...</div>
<div class="d-c-none">...</div>
<div class="d-c-not-allowed">...</div>
<div class="d-c-pointer">...</div>
<div class="d-c-progress">...</div>
<div class="d-c-row-resize">...</div>
<div class="d-c-text">...</div>
<div class="d-c-wait">...</div>
<div class="d-c-zoom-in">...</div>
<div class="d-c-zoom-out">...</div>