Skip to content

Commit 8e9b783

Browse files
jamesnwjamesnw
authored
Add Cursor style (#1596)
1 parent 68ae1c5 commit 8e9b783

File tree

2 files changed

+191
-0
lines changed

2 files changed

+191
-0
lines changed

‎features/cursor.yml

+50
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
name: Cursor styles
2+
description: The `cursor` CSS property styles the pointer, allowing you to provide hints to the user on how to interact with the hovered element.
3+
spec: https://drafts.csswg.org/css-ui-4/#cursor
4+
caniuse:
5+
- css3-cursors
6+
- css3-cursors-grab
7+
- css3-cursors-newer
8+
group: css
9+
# Baseline is delayed by support in Firefox for Android.
10+
# TODO: Most properties are not supported on Safari iOS, revisit when form factor can be taken into account for Baseline.
11+
# See https://github.com/web-platform-dx/web-features/issues/1038.
12+
compat_features:
13+
- css.properties.cursor
14+
- css.properties.cursor.alias
15+
- css.properties.cursor.all-scroll
16+
- css.properties.cursor.auto
17+
- css.properties.cursor.cell
18+
- css.properties.cursor.col-resize
19+
- css.properties.cursor.context-menu
20+
- css.properties.cursor.copy
21+
- css.properties.cursor.crosshair
22+
- css.properties.cursor.default
23+
- css.properties.cursor.e-resize
24+
- css.properties.cursor.ew-resize
25+
- css.properties.cursor.grab
26+
- css.properties.cursor.grabbing
27+
- css.properties.cursor.help
28+
- css.properties.cursor.move
29+
- css.properties.cursor.n-resize
30+
- css.properties.cursor.ne-resize
31+
- css.properties.cursor.nesw-resize
32+
- css.properties.cursor.no-drop
33+
- css.properties.cursor.none
34+
- css.properties.cursor.not-allowed
35+
- css.properties.cursor.ns-resize
36+
- css.properties.cursor.nw-resize
37+
- css.properties.cursor.nwse-resize
38+
- css.properties.cursor.pointer
39+
- css.properties.cursor.progress
40+
- css.properties.cursor.row-resize
41+
- css.properties.cursor.s-resize
42+
- css.properties.cursor.se-resize
43+
- css.properties.cursor.sw-resize
44+
- css.properties.cursor.text
45+
- css.properties.cursor.vertical-text
46+
- css.properties.cursor.w-resize
47+
- css.properties.cursor.wait
48+
- css.properties.cursor.zoom-in
49+
- css.properties.cursor.zoom-out
50+
- svg.global_attributes.cursor

‎features/cursor.yml.dist

+141
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,141 @@
1+
# Generated from: cursor.yml
2+
# Do not edit this file by hand. Edit the source file instead!
3+
4+
status:
5+
baseline: false
6+
support:
7+
chrome: ≤83
8+
chrome_android: "83"
9+
edge: "83"
10+
firefox: ≤72
11+
firefox_android: "95"
12+
safari: ≤13.1
13+
compat_features:
14+
# baseline: high
15+
# baseline_low_date: 2021-12-07
16+
# baseline_high_date: 2024-06-07
17+
# support:
18+
# chrome: "1"
19+
# chrome_android: "18"
20+
# edge: "12"
21+
# firefox: "1"
22+
# firefox_android: "95"
23+
# safari: "1.2"
24+
# safari_ios: "1"
25+
- svg.global_attributes.cursor
26+
27+
# baseline: high
28+
# baseline_low_date: 2021-12-07
29+
# baseline_high_date: 2024-06-07
30+
# support:
31+
# chrome: "1"
32+
# chrome_android: "18"
33+
# edge: "12"
34+
# firefox: "1"
35+
# firefox_android: "95"
36+
# safari: "1.2"
37+
# safari_ios: "13.4"
38+
- css.properties.cursor
39+
- css.properties.cursor.auto
40+
- css.properties.cursor.text
41+
42+
# baseline: high
43+
# baseline_low_date: 2021-12-07
44+
# baseline_high_date: 2024-06-07
45+
# support:
46+
# chrome: "1"
47+
# chrome_android: "18"
48+
# edge: "12"
49+
# firefox: "1.5"
50+
# firefox_android: "95"
51+
# safari: "3"
52+
# safari_ios: "13.4"
53+
- css.properties.cursor.cell
54+
55+
# baseline: false
56+
# support:
57+
# chrome: "1"
58+
# chrome_android: "18"
59+
# edge: "12"
60+
# firefox: "1"
61+
# firefox_android: "95"
62+
# safari: "1.2"
63+
- css.properties.cursor.crosshair
64+
- css.properties.cursor.default
65+
- css.properties.cursor.e-resize
66+
- css.properties.cursor.help
67+
- css.properties.cursor.move
68+
- css.properties.cursor.n-resize
69+
- css.properties.cursor.ne-resize
70+
- css.properties.cursor.nw-resize
71+
- css.properties.cursor.pointer
72+
- css.properties.cursor.progress
73+
- css.properties.cursor.s-resize
74+
- css.properties.cursor.se-resize
75+
- css.properties.cursor.sw-resize
76+
- css.properties.cursor.w-resize
77+
- css.properties.cursor.wait
78+
79+
# baseline: false
80+
# support:
81+
# chrome: "1"
82+
# chrome_android: "18"
83+
# edge: "12"
84+
# firefox: "1.5"
85+
# firefox_android: "95"
86+
# safari: "3"
87+
- css.properties.cursor.alias
88+
- css.properties.cursor.all-scroll
89+
- css.properties.cursor.col-resize
90+
- css.properties.cursor.context-menu
91+
- css.properties.cursor.copy
92+
- css.properties.cursor.ew-resize
93+
- css.properties.cursor.nesw-resize
94+
- css.properties.cursor.no-drop
95+
- css.properties.cursor.not-allowed
96+
- css.properties.cursor.ns-resize
97+
- css.properties.cursor.nwse-resize
98+
- css.properties.cursor.row-resize
99+
- css.properties.cursor.vertical-text
100+
101+
# baseline: false
102+
# support:
103+
# chrome: "5"
104+
# chrome_android: "18"
105+
# edge: "12"
106+
# firefox: "3"
107+
# firefox_android: "95"
108+
# safari: "5"
109+
- css.properties.cursor.none
110+
111+
# baseline: false
112+
# support:
113+
# chrome: "37"
114+
# chrome_android: "37"
115+
# edge: "12"
116+
# firefox: "24"
117+
# firefox_android: "95"
118+
# safari: "9"
119+
- css.properties.cursor.zoom-in
120+
- css.properties.cursor.zoom-out
121+
122+
# baseline: false
123+
# support:
124+
# chrome: "68"
125+
# chrome_android: "68"
126+
# edge: "14"
127+
# firefox: "27"
128+
# firefox_android: "95"
129+
# safari: "11"
130+
- css.properties.cursor.grab
131+
132+
# ⬇️ Same status as overall feature ⬇️
133+
# baseline: false
134+
# support:
135+
# chrome: ≤83
136+
# chrome_android: "83"
137+
# edge: "83"
138+
# firefox: ≤72
139+
# firefox_android: "95"
140+
# safari: ≤13.1
141+
- css.properties.cursor.grabbing

0 commit comments

Comments
 (0)