Cursor helpers

Controlling the cursor style when hovering over an element

c-block

c-crosshair

c-hand

c-help

c-grab

c-wait

c-move

c-zoom-in

c-zoom-out

Configuration

You can simplify the CSS output by customizing these SCSS variables:

$cursor-shortcuts: ("cursor": "c");
$cursor-values: (
    "normal": default,
    "block": not-allowed,
    "crosshair": crosshair,
    "grab": grab,
    "hand": pointer,
    "help": help,
    "wait": wait,
    "move": move,
    "zoom-in": zoom-in,
    "zoom-out": zoom-out
);