A global cursor helper

_cursors.scss

/*
 * Usage
 * Just add "cursor-<type>" as class to the element you want to style with a cursor.
*/
$cursors: auto, default, none, context-menu, help, pointer, progress, wait, cell, crosshair, text, vertical-text, alias, copy, move, no-drop, not-allowed, grab, grabbing, all-scroll, col-resize, row-resize, n-resize, e-resize, w-resize, ne-resize, nw-resize, se-resize, sw-resize, ew-resize, ns-resize, nesw-resize, nwse-resize, zoom-in, zoom-out;

@each $cursor in $cursors {
  .cursor-#{$cursor} {
    cursor: $cursor;
  }
}