Skip to content
WovenUI

Cursor mixins

Cursor utilities.

Classes:

  • cursor-{value}: Sets the cursor (cursor-pointer, cursor-not-allowed, cursor-grab, cursor-wait)

The mixin also accepts url(), image-set() and var() values.

Generated from the doc blocks in the core source when the site is built, so it always matches the current release of @wovenui/core. Every example is compiled against core during the build; open Compiled CSSunder an example to see its output. Guide: Cursor. The A to Z index lists every public mixin and function.

Source: utilities/_cursor.scss

Mixins

cursor

cursor mixin

Sets the cursor property to a CSS cursor keyword, or to a value holding a function such as url() or var(); any other word raises an error.

@mixin cursor($cursor-value)
ParameterTypeDefaultDescription
$cursor-valueString|ListRequiredA cursor keyword (pointer, not-allowed, grab), or a value with url(), image-set() or var(), such as url(hand.svg), pointer

Example

.card-link {
  @include cursor(pointer);
}
Compiled CSS
.card-link {
  cursor: pointer;
}

cursor on MDN

Source: utilities/_cursor.scss:28