| 1 | :global {
|
| 2 | .cur-default, .cur-default:hover, .cur-default:active {cursor: default}
|
| 3 | .pointer, .pointer:hover, .pointer:active,
|
| 4 | .cur-pointer, .cur-pointer:hover, .cur-pointer:active {cursor: pointer}
|
| 5 | .cur-move, .cur-move:hover, .cur-move:active {cursor: move}
|
| 6 | .cur-text, .cur-text:hover, .cur-text:active {cursor: text}
|
| 7 | .cur-help, .cur-help:hover, .cur-help:active {cursor: help}
|
| 8 |
|
| 9 | /** note that cursor: none actually makes the cursor invisible **/
|
| 10 | .cur-none, .cur-none:hover, .cur-none:active {cursor: none}
|
| 11 |
|
| 12 | .cur-col-resize, .cur-col-resize:hover, .cur-col-resize:active {cursor: col-resize}
|
| 13 | .cur-row-resize, .cur-row-resize:hover, .cur-row-resize:active {cursor: row-resize}
|
| 14 |
|
| 15 | // Remove outline appearing on element focus. NOTE: do not use unless you have another tag
|
| 16 | // "below" this one that displays the outline when the UI element is tabbed to, otherwise
|
| 17 | // you will render this element inaccessible (e.g. unusable for the motor-impaired)
|
| 18 | .outline-none:focus, .no-outline:focus {outline: none}
|
| 19 | }
|