Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save GregJacobs82/0961c4cd31855c2d203e7e4b8bd947f9 to your computer and use it in GitHub Desktop.
Save GregJacobs82/0961c4cd31855c2d203e7e4b8bd947f9 to your computer and use it in GitHub Desktop.
All CSS Cursors
//********************/
//*** ALL CURSORS ***/
//********************/
$cursorsArray: (
alias , // {cursor: alias;}
all-scroll , // {cursor: all-scroll;}
auto , // {cursor: auto;}
cell , // {cursor: cell;}
context-menu , // {cursor: context-menu;}
col-resize , // {cursor: col-resize;}
copy , // {cursor: copy;}
crosshair , // {cursor: crosshair;}
default , // {cursor: default;}
e-resize , // {cursor: e-resize;}
ew-resize , // {cursor: ew-resize;}
grab , // {cursor: grab;}
grabbing , // {cursor: grabbing;}
help , // {cursor: help;}
move , // {cursor: move;}
n-resize , // {cursor: n-resize;}
ne-resize , // {cursor: ne-resize;}
nesw-resize , // {cursor: nesw-resize;}
ns-resize , // {cursor: ns-resize;}
nw-resize , // {cursor: nw-resize;}
nwse-resize , // {cursor: nwse-resize;}
no-drop , // {cursor: no-drop;}
none , // {cursor: none;}
not-allowed , // {cursor: not-allowed;}
pointer , // {cursor: pointer;}
progress , // {cursor: progress;}
row-resize , // {cursor: row-resize;}
s-resize , // {cursor: s-resize;}
se-resize , // {cursor: se-resize;}
sw-resize , // {cursor: sw-resize;}
text , // {cursor: text;}
// url , // {cursor: url(myBall.cur),auto;}
w-resize , // {cursor: w-resize;}
wait , // {cursor: wait;}
zoom-in , // {cursor: zoom-in;}
zoom-out , // {cursor: zoom-out;}
);
.cursor {
@each $cursor in $cursorsArray {
&-#{$cursor} {
cursor: #{$cursor};
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment