From 38eab2a97a235729dd952a98591188ccb3a5088f Mon Sep 17 00:00:00 2001
From: 1aron <i@aron.tw>
Date: Tue, 16 Jan 2024 19:34:37 +0800
Subject: [PATCH] Update CSS syntaxes

---
 .../(root)/docs/animation-iteration-count/syntaxes.ts       | 2 +-
 website/app/[locale]/(root)/docs/background/content.mdx     | 2 +-
 .../app/[locale]/(root)/docs/scroll-snap-align/syntaxes.ts  | 2 +-
 .../app/[locale]/(root)/docs/text-fill-color/syntaxes.ts    | 2 +-
 website/app/[locale]/(root)/docs/text-shadow/syntaxes.ts    | 6 +-----
 5 files changed, 5 insertions(+), 9 deletions(-)

diff --git a/website/app/[locale]/(root)/docs/animation-iteration-count/syntaxes.ts b/website/app/[locale]/(root)/docs/animation-iteration-count/syntaxes.ts
index 7ccd15193..52abb0689 100644
--- a/website/app/[locale]/(root)/docs/animation-iteration-count/syntaxes.ts
+++ b/website/app/[locale]/(root)/docs/animation-iteration-count/syntaxes.ts
@@ -1,5 +1,5 @@
 const syntaxes = [
-    ['@iteration-count:`value`|`…`'],
+    ['@iteration:`value`'],
     '@iteration:infinite'
 ]
 
diff --git a/website/app/[locale]/(root)/docs/background/content.mdx b/website/app/[locale]/(root)/docs/background/content.mdx
index 2007dc37c..0985ce7b3 100644
--- a/website/app/[locale]/(root)/docs/background/content.mdx
+++ b/website/app/[locale]/(root)/docs/background/content.mdx
@@ -4,6 +4,6 @@
 ## Conditionally apply
 Apply styles based on different states using [selectors](/docs/state-selectors) and [conditional queries](/docs/conditional-queries).
 ```html
-<div class="bg:url(\'…\');center/cover**:hover** bg:url(\'…\');center/cover**@sm** bg:url(\'…\');center/cover**@dark** bg:url(\'…\');center/cover**@print**">…</div>
+<div class="bg:url(\'…\')|center/cover**:hover** bg:url(\'…\')|center/cover**@sm** bg:url(\'…\')|center/cover**@dark** bg:url(\'…\')|center/cover**@print**">…</div>
 ```
 
diff --git a/website/app/[locale]/(root)/docs/scroll-snap-align/syntaxes.ts b/website/app/[locale]/(root)/docs/scroll-snap-align/syntaxes.ts
index 9f522f8ba..c6b4a8f65 100644
--- a/website/app/[locale]/(root)/docs/scroll-snap-align/syntaxes.ts
+++ b/website/app/[locale]/(root)/docs/scroll-snap-align/syntaxes.ts
@@ -1,5 +1,5 @@
 const syntaxes = [
-    ['scroll-snap:`value`'],
+    ['scroll-snap-align:`value`'],
     'scroll-snap:center',
     'scroll-snap:end',
     'scroll-snap:start',
diff --git a/website/app/[locale]/(root)/docs/text-fill-color/syntaxes.ts b/website/app/[locale]/(root)/docs/text-fill-color/syntaxes.ts
index f29be8ee0..98316980b 100644
--- a/website/app/[locale]/(root)/docs/text-fill-color/syntaxes.ts
+++ b/website/app/[locale]/(root)/docs/text-fill-color/syntaxes.ts
@@ -1,5 +1,5 @@
 const syntaxes = [
-    ['text:`color`'],
+    ['text-fill-color:`color`'],
     'text:current',
     'text:transparent'
 ]
diff --git a/website/app/[locale]/(root)/docs/text-shadow/syntaxes.ts b/website/app/[locale]/(root)/docs/text-shadow/syntaxes.ts
index c43e23ab3..e4740c333 100644
--- a/website/app/[locale]/(root)/docs/text-shadow/syntaxes.ts
+++ b/website/app/[locale]/(root)/docs/text-shadow/syntaxes.ts
@@ -1,9 +1,5 @@
 const syntaxes = [
-    ['text-shadow:`offset-x`|`offset-y`|`blur-radius`|`color`,`…`'],
-    ['text-shadow:`color`|`offset-x`|`offset-y`|`blur-radius`'],
-    ['text-shadow:`offset-x`|`offset-y`|`color`'],
-    ['text-shadow:`color`|`offset-x`|`offset-y`'],
-    ['text-shadow:`offset-x`|`offset-y`'],
+    ['text-shadow:`value`'],
 ]
 
 export default syntaxes
\ No newline at end of file