feat(preset-mini): add bracket support for transition-property (#1285)

unocss · Jul 17, 2022 · 92ef8b0 · 92ef8b0
1 parent 0abe9a8
commit 92ef8b0
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 1 deletion.
diff --git a/packages/preset-mini/src/rules/transition.ts b/packages/preset-mini/src/rules/transition.ts
@@ -46,7 +46,7 @@ export const transitions: Rule<Theme>[] = [
 
   // props
   [/^(?:transition-)?property-(.+)$/,
-    ([, v]) => ({ 'transition-property': h.global(v) || transitionProperty(v) }),
+    ([, v]) => ({ 'transition-property': h.bracket.global(v) || transitionProperty(v) }),
     { autocomplete: [`transition-property-(${[...globalKeywords, ...Object.keys(transitionPropertyGroup)].join('|')})`] }],
 
   // none

diff --git a/test/__snapshots__/preset-mini.test.ts.snap b/test/__snapshots__/preset-mini.test.ts.snap
@@ -808,6 +808,7 @@ div:hover .group-\\\\[div\\\\:hover\\\\]-\\\\[combinator\\\\:test-4\\\\]{combina
 .property-none{transition-property:none;}
 .property-padding\\\\,margin{transition-property:padding,margin;}
 .property-unset{transition-property:unset;}
+.transition-property-\\\\[border\\\\]{transition-property:border;}
 .transition-property-width{transition-property:width;}
 .transition-none{transition:none;}
 .transition-revert-layer{transition:revert-layer;}

diff --git a/test/assets/preset-mini-targets.ts b/test/assets/preset-mini-targets.ts
@@ -692,6 +692,7 @@ export const presetMiniTargets: string[] = [
   'transition-duration-300',
   'transition-property-width',
   'transition-property-all',
+  'transition-property-[border]',
   'transition-200',
   'transition-opacity-200',
   'transition-color,background-color-200',