Sections

Cursor

Utilities for controlling the cursor style on hover.

Class Properties
.cursor-pointer cursor: pointer;
.cursor-default cursor: default;

Usage

Use .cursor-pointer to change the mouse cursor to indicate an interactive element.

Variants

By default, no responsive or hover-state variants are generated for outline utilities.

Responsive

To include responsive variants like .md:cursor-pointer, add "cursor" to the $responsive-variants variable in your theme’s _variables.scss file when recompiling your CSS:

$responsive-variants: (
  // ...
  "cursor",
);

Hover-state

To include hover-state variants like .hover:cursor-default, add "cursor" to the $hover-variants variable:

$hover-variants: (
  // ...
  "cursor",
);