diff --git a/packages/docs/src/pages/en/styles/cursor.md b/packages/docs/src/pages/en/styles/cursor.md index bdaafdab72e..6d463ea4af3 100644 --- a/packages/docs/src/pages/en/styles/cursor.md +++ b/packages/docs/src/pages/en/styles/cursor.md @@ -8,6 +8,8 @@ related: - /styles/content/ - /styles/spacing/ - /styles/text-and-typography/ +features: + report: true --- # Cursor @@ -16,30 +18,44 @@ Utilities for controlling the cursor styling when hovering over elements. +| Class | Properties | | +| - | - | - | +| **cursor-auto** | cursor: auto; | +| **cursor-default** | cursor: default; | +| **cursor-grab** | cursor: grab; | +| **cursor-grabbing** | cursor: grabbing; | +| **cursor-help** | cursor: help; | +| **cursor-move** | cursor: move; | +| **cursor-none** | cursor: none; | +| **cursor-not-allowed** | cursor: not-allowed; | +| **cursor-pointer** | cursor: pointer; | +| **cursor-progress** | cursor: progress; | +| **cursor-text** | cursor: text; | +| **cursor-wait** | cursor: wait; { style="max-height: 420px;" fixed-header } | + + + ## Usage Apply custom cursor styling to a component or element. -| Class | Properties | | -| - | - | - | -| **cursor-auto** | cursor: auto; | | -| **cursor-default** | cursor: default; | | -| **cursor-grab** | cursor: grab; | | -| **cursor-grabbing** | cursor: grabbing; | | -| **cursor-help** | cursor: help; | | -| **cursor-move** | cursor: move; | | -| **cursor-none** | cursor: none; | | -| **cursor-not-allowed** | cursor: not-allowed; | | -| **cursor-pointer** | cursor: pointer; | | -| **cursor-progress** | cursor: progress; | | -| **cursor-text** | cursor: text; | | -| **cursor-wait** | cursor: wait; | | +## SASS variables - +You can also use the following SASS variables to customize the border color and width: -## Disable +```scss { resource="src/styles/settings.scss" } +@use 'vuetify/settings' with ( + $utilities: ( + "cursor": ( + property: cursor, + class: cursor, + values: auto default pointer wait text move help not-allowed progress grab grabbing none + ) + ) +); +``` Disable the generation of **cursor** utility classes by overwriting the utilities value: