From af68904f6879965eb631ec64daf3cd06f9966e47 Mon Sep 17 00:00:00 2001
From: Tan Zhen Yong <Xenonym@users.noreply.github.com>
Date: Fri, 21 Jan 2022 05:09:33 +0800
Subject: [PATCH] Unprefix `-webkit-appearance` (#270)

`-webkit-appearance` should be unprefixed [1].

Autoprefixer will add in the necessary vendor prefixes on build.

[1]: https://developer.mozilla.org/en-US/docs/Web/CSS/appearance
---
 .changeset/ten-berries-explode.md | 5 +++++
 src/parts/_forms.css              | 2 +-
 src/parts/_range.css              | 2 +-
 3 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/ten-berries-explode.md

diff --git a/.changeset/ten-berries-explode.md b/.changeset/ten-berries-explode.md
new file mode 100644
index 0000000..cf659cd
--- /dev/null
+++ b/.changeset/ten-berries-explode.md
@@ -0,0 +1,5 @@
+---
+"water.css": patch
+---
+
+Unprefix `-webkit-appearance`
diff --git a/src/parts/_forms.css b/src/parts/_forms.css
index 868575c..be71b3d 100644
--- a/src/parts/_forms.css
+++ b/src/parts/_forms.css
@@ -82,7 +82,7 @@ input[type='range'],
 select,
 button,
 textarea {
-  -webkit-appearance: none;
+  appearance: none;
 }
 
 textarea {
diff --git a/src/parts/_range.css b/src/parts/_range.css
index 9a903fa..6dc0e27 100644
--- a/src/parts/_range.css
+++ b/src/parts/_range.css
@@ -22,7 +22,7 @@ input[type='range']::-webkit-slider-thumb {
   width: 20px;
   border-radius: 50%;
   background: var(--border);
-  -webkit-appearance: none;
+  appearance: none;
   margin-top: -7px;
 }