Dialtone

Cursor

Utilities for setting the type of mouse cursor, if any, to show when the mouse pointer is over an element.

Classes

ClassOutput
.d-c-all-scrollcursor: all-scroll !important;
.d-c-autocursor: auto !important;
.d-c-col-resizecursor: col-resize !important;
.d-c-copycursor: copy !important;
.d-c-crosshaircursor: crosshair !important;
.d-c-defaultcursor: default !important;
.d-c-grabcursor: grab !important;
.d-c-grabbingcursor: grabbing !important;
.d-c-helpcursor: help !important;
.d-c-menucursor: context-menu !important;
.d-c-movecursor: move !important;
.d-c-nonecursor: none !important;
.d-c-not-allowedcursor: not-allowed !important;
.d-c-pointercursor: pointer !important;
.d-c-progresscursor: progress !important;
.d-c-row-resizecursor: row-resize !important;
.d-c-textcursor: text !important;
.d-c-waitcursor: wait !important;
.d-c-zoom-incursor: zoom-in !important;
.d-c-zoom-outcursor: 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>
Last Updated: