diff --git a/public/cursor.svg b/public/cursor.svg new file mode 100644 index 0000000..a0890dc --- /dev/null +++ b/public/cursor.svg @@ -0,0 +1,85 @@ + + + + + + + + + + + + + + diff --git a/src/styles.css b/src/styles.css index 6b8179b..10e107b 100644 --- a/src/styles.css +++ b/src/styles.css @@ -19,3 +19,33 @@ body { a { color: inherit; } + +@media (hover: hover) and (pointer: fine) { + html, + body, + button, + [role='button'], + input[type='submit'], + input[type='button'] { + cursor: url('/web/cursor.svg') 0 0, auto; + } + + a, + button, + [role='button'], + label, + summary, + select, + input[type='checkbox'], + input[type='radio'], + input[type='submit'], + input[type='button'] { + cursor: url('/web/cursor.svg') 0 0, pointer; + } + + input, + textarea, + [contenteditable='true'] { + cursor: text; + } +}