From 786909dac2d350ee95866c0bb3207588dae66cc0 Mon Sep 17 00:00:00 2001 From: Rhiannon Morris Date: Mon, 17 Feb 2025 03:19:41 +0100 Subject: [PATCH] custom cursors --- media/hand.2x.png | 3 +++ media/hand.png | 3 +++ media/tail.2x.png | 3 +++ media/tail.png | 3 +++ style/base.css | 11 ++++++++++- 5 files changed, 22 insertions(+), 1 deletion(-) create mode 100644 media/hand.2x.png create mode 100644 media/hand.png create mode 100644 media/tail.2x.png create mode 100644 media/tail.png diff --git a/media/hand.2x.png b/media/hand.2x.png new file mode 100644 index 0000000..1549507 --- /dev/null +++ b/media/hand.2x.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:be8a350c7207d7bfee2aaf5e388d8a7e89ea5128839e2025f0afa6e806392939 +size 814 diff --git a/media/hand.png b/media/hand.png new file mode 100644 index 0000000..81f2e25 --- /dev/null +++ b/media/hand.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:c6449d5d6a5dfcbeaca03ac7acab4bff1f75245efad192d5a5aa2517100f9b9c +size 689 diff --git a/media/tail.2x.png b/media/tail.2x.png new file mode 100644 index 0000000..10ec72f --- /dev/null +++ b/media/tail.2x.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:74de54cfd9a1795a6da3f9caab5ea019d87085af7dae59af329b713a0165c9a2 +size 1222 diff --git a/media/tail.png b/media/tail.png new file mode 100644 index 0000000..3231886 --- /dev/null +++ b/media/tail.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:c31db8a6e7270e45216a105c20372726760805b79717bf8850607fed6a012938 +size 1001 diff --git a/style/base.css b/style/base.css index 02b4d41..9bff4e7 100644 --- a/style/base.css +++ b/style/base.css @@ -21,8 +21,17 @@ actually exists min-height: 100lvh; margin: 0; scrollbar-gutter: stable; + + cursor: + image-set("../media/tail.png" 1x, "../media/tail.2x.png" 2x) 34 1, + auto; + --pointer: + image-set("../media/hand.png" 1x, "../media/hand.2x.png" 2x) 31 1, + auto; } + a { cursor: var(--pointer); } + :root { font-size: large; @@ -90,7 +99,7 @@ actually exists } } - input, label { cursor: pointer; } + input, label { cursor: var(--pointer); } input { appearance: none;