Cursor
Utilities for cursor styles.
Quick reference
Section titled “Quick reference”| Class | Styles |
|---|---|
af-cursor-pointer | cursor: pointer |
af-cursor-not-allowed | cursor: not-allowed |
Examples
Section titled “Examples”Pointer cursor
<button class="af-btn af-cursor-pointer">
Hover me
</button>Not allowed cursor
Not allowed cursor
<div class="af-cursor-not-allowed">
Not allowed cursor
</div>Responsive variants
Section titled “Responsive variants”All cursor utilities support responsive variants using the @{bp} suffix.
See Responsive Suffix for syntax and breakpoints.