Jump to main content

Cursors

File location: sass/typography/_typography.scss (GitHub)

Customize the experience for users on desktop devices with these hgrid cursor utility classes triggered by the :hover state. The graphical style fully depends on the browser implementations.

.cursor-pointer or .pointer

Displays a pointer cursor on any HTML element that is being hovered over (on non-touch-devices).

.cursor-wait or .wait

.cursor-not-allowed

.cursor-move

Element Pretending to Be Moveable

.cursor-text

Other options

.cursor-default, .cursor-auto

Previous: Box Shadow

Next: Embed