Skip to content

Commit

Permalink
Add Cursor style (#1596)
Browse files Browse the repository at this point in the history
  • Loading branch information
jamesnw authored Oct 8, 2024
1 parent 68ae1c5 commit 8e9b783
Show file tree
Hide file tree
Showing 2 changed files with 191 additions and 0 deletions.
50 changes: 50 additions & 0 deletions features/cursor.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,50 @@
name: Cursor styles
description: The `cursor` CSS property styles the pointer, allowing you to provide hints to the user on how to interact with the hovered element.
spec: https://drafts.csswg.org/css-ui-4/#cursor
caniuse:
- css3-cursors
- css3-cursors-grab
- css3-cursors-newer
group: css
# Baseline is delayed by support in Firefox for Android.
# TODO: Most properties are not supported on Safari iOS, revisit when form factor can be taken into account for Baseline.
# See https://github.com/web-platform-dx/web-features/issues/1038.
compat_features:
- css.properties.cursor
- css.properties.cursor.alias
- css.properties.cursor.all-scroll
- css.properties.cursor.auto
- css.properties.cursor.cell
- css.properties.cursor.col-resize
- css.properties.cursor.context-menu
- css.properties.cursor.copy
- css.properties.cursor.crosshair
- css.properties.cursor.default
- css.properties.cursor.e-resize
- css.properties.cursor.ew-resize
- css.properties.cursor.grab
- css.properties.cursor.grabbing
- css.properties.cursor.help
- css.properties.cursor.move
- css.properties.cursor.n-resize
- css.properties.cursor.ne-resize
- css.properties.cursor.nesw-resize
- css.properties.cursor.no-drop
- css.properties.cursor.none
- css.properties.cursor.not-allowed
- css.properties.cursor.ns-resize
- css.properties.cursor.nw-resize
- css.properties.cursor.nwse-resize
- css.properties.cursor.pointer
- css.properties.cursor.progress
- css.properties.cursor.row-resize
- css.properties.cursor.s-resize
- css.properties.cursor.se-resize
- css.properties.cursor.sw-resize
- css.properties.cursor.text
- css.properties.cursor.vertical-text
- css.properties.cursor.w-resize
- css.properties.cursor.wait
- css.properties.cursor.zoom-in
- css.properties.cursor.zoom-out
- svg.global_attributes.cursor
141 changes: 141 additions & 0 deletions features/cursor.yml.dist
Original file line number Diff line number Diff line change
@@ -0,0 +1,141 @@
# Generated from: cursor.yml
# Do not edit this file by hand. Edit the source file instead!

status:
baseline: false
support:
chrome: ≤83
chrome_android: "83"
edge: "83"
firefox: ≤72
firefox_android: "95"
safari: ≤13.1
compat_features:
# baseline: high
# baseline_low_date: 2021-12-07
# baseline_high_date: 2024-06-07
# support:
# chrome: "1"
# chrome_android: "18"
# edge: "12"
# firefox: "1"
# firefox_android: "95"
# safari: "1.2"
# safari_ios: "1"
- svg.global_attributes.cursor

# baseline: high
# baseline_low_date: 2021-12-07
# baseline_high_date: 2024-06-07
# support:
# chrome: "1"
# chrome_android: "18"
# edge: "12"
# firefox: "1"
# firefox_android: "95"
# safari: "1.2"
# safari_ios: "13.4"
- css.properties.cursor
- css.properties.cursor.auto
- css.properties.cursor.text

# baseline: high
# baseline_low_date: 2021-12-07
# baseline_high_date: 2024-06-07
# support:
# chrome: "1"
# chrome_android: "18"
# edge: "12"
# firefox: "1.5"
# firefox_android: "95"
# safari: "3"
# safari_ios: "13.4"
- css.properties.cursor.cell

# baseline: false
# support:
# chrome: "1"
# chrome_android: "18"
# edge: "12"
# firefox: "1"
# firefox_android: "95"
# safari: "1.2"
- css.properties.cursor.crosshair
- css.properties.cursor.default
- css.properties.cursor.e-resize
- css.properties.cursor.help
- css.properties.cursor.move
- css.properties.cursor.n-resize
- css.properties.cursor.ne-resize
- css.properties.cursor.nw-resize
- css.properties.cursor.pointer
- css.properties.cursor.progress
- css.properties.cursor.s-resize
- css.properties.cursor.se-resize
- css.properties.cursor.sw-resize
- css.properties.cursor.w-resize
- css.properties.cursor.wait

# baseline: false
# support:
# chrome: "1"
# chrome_android: "18"
# edge: "12"
# firefox: "1.5"
# firefox_android: "95"
# safari: "3"
- css.properties.cursor.alias
- css.properties.cursor.all-scroll
- css.properties.cursor.col-resize
- css.properties.cursor.context-menu
- css.properties.cursor.copy
- css.properties.cursor.ew-resize
- css.properties.cursor.nesw-resize
- css.properties.cursor.no-drop
- css.properties.cursor.not-allowed
- css.properties.cursor.ns-resize
- css.properties.cursor.nwse-resize
- css.properties.cursor.row-resize
- css.properties.cursor.vertical-text

# baseline: false
# support:
# chrome: "5"
# chrome_android: "18"
# edge: "12"
# firefox: "3"
# firefox_android: "95"
# safari: "5"
- css.properties.cursor.none

# baseline: false
# support:
# chrome: "37"
# chrome_android: "37"
# edge: "12"
# firefox: "24"
# firefox_android: "95"
# safari: "9"
- css.properties.cursor.zoom-in
- css.properties.cursor.zoom-out

# baseline: false
# support:
# chrome: "68"
# chrome_android: "68"
# edge: "14"
# firefox: "27"
# firefox_android: "95"
# safari: "11"
- css.properties.cursor.grab

# ⬇️ Same status as overall feature ⬇️
# baseline: false
# support:
# chrome: ≤83
# chrome_android: "83"
# edge: "83"
# firefox: ≤72
# firefox_android: "95"
# safari: ≤13.1
- css.properties.cursor.grabbing

0 comments on commit 8e9b783

Please sign in to comment.