feat(preset-wind): add list-image rule (#2484)

unocss · Apr 22, 2023 · 3a93e7d · 3a93e7d
1 parent 37f58a9
commit 3a93e7d
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 0 deletions.
diff --git a/packages/preset-wind/src/rules/behaviors.ts b/packages/preset-wind/src/rules/behaviors.ts
@@ -34,6 +34,12 @@ export const listStyle: Rule[] = [
   ['list-outside', { 'list-style-position': 'outside' }],
   ['list-inside', { 'list-style-position': 'inside' }],
   ['list-none', { 'list-style-type': 'none' }],
+  // image
+  [/^list-image-(.+)$/, ([, d]) => {
+    if (/^\[url\(.+\)\]$/.test(d))
+      return { 'list-style-image': h.bracket(d) }
+  }],
+  ['list-image-none', { 'list-style-image': 'none' }],
   ...makeGlobalStaticRules('list', 'list-style-type'),
 ]
 

diff --git a/test/__snapshots__/postcss.test.ts.snap b/test/__snapshots__/postcss.test.ts.snap
@@ -153,6 +153,8 @@ exports[`postcss > @unocss 1`] = `
 .list-greek{list-style-type:lower-greek;}
 .list-outside{list-style-position:outside;}
 .list-none{list-style-type:none;}
+.list-image-\\\\[url\\\\(https\\\\:\\\\/\\\\/test\\\\.unocss\\\\.png\\\\)\\\\]{list-style-image:url(https://test.unocss.png);}
+.list-image-none{list-style-image:none;}
 .list-inherit{list-style-type:inherit;}
 .columns-\\\\[3_auto\\\\]{columns:3 auto;}
 .columns-\\\\[auto_13em\\\\]{columns:auto 13em;}

diff --git a/test/assets/output/preset-wind-targets.css b/test/assets/output/preset-wind-targets.css
diff --git a/test/assets/preset-wind-targets.ts b/test/assets/preset-wind-targets.ts
@@ -133,6 +133,8 @@ export const presetWindTargets: string[] = [
   'list-disc-outside',
   'list-alpha-inside',
   'list-inherit',
+  'list-image-[url(https://test.unocss.png)]',
+  'list-image-none',
   'box-decoration-slice',
   'box-decoration-initial',
   'accent-op-90',