fix(preset-mini): order -webkit-appearance before (unocss#2409)

sapphi-red · web-flow · commit 97f5d17fb38a · 2023-03-28T10:19:21.000+02:00
diff --git a/packages/preset-mini/src/_rules/behaviors.ts b/packages/preset-mini/src/_rules/behaviors.ts
@@ -20,8 +20,8 @@ export const outline: Rule<Theme>[] = [
 
 export const appearance: Rule[] = [
   ['appearance-none', {
-    'appearance': 'none',
     '-webkit-appearance': 'none',
+    'appearance': 'none',
   }],
 ]
 
diff --git a/test/__snapshots__/preset-mini.test.ts.snap b/test/__snapshots__/preset-mini.test.ts.snap
@@ -823,7 +823,7 @@ unocss .scope-\\\\[unocss\\\\]\\\\:block{display:block;}
 .outline-revert-layer{outline-style:revert-layer;}
 .outline-unset{outline-style:unset;}
 .outline-none{outline:2px solid transparent;outline-offset:2px;}
-.appearance-none{appearance:none;-webkit-appearance:none;}
+.appearance-none{-webkit-appearance:none;appearance:none;}
 .order-\\\\$variable{order:var(--variable);}
 .order-first{order:-9999;}
 .order-none{order:0;}
diff --git a/test/__snapshots__/transformer-directives.test.ts.snap b/test/__snapshots__/transformer-directives.test.ts.snap
@@ -79,8 +79,8 @@ html.dark {
 .select-dark {
   display: block;
   width: 100%;
-  appearance: none;
   -webkit-appearance: none;
+  appearance: none;
   border-radius: 0.25rem;
   --un-bg-opacity: 1;
   background-color: rgba(55, 65, 81, var(--un-bg-opacity));

Original file line number	Diff line number	Diff line change
`@@ -20,8 +20,8 @@ export const outline: Rule<Theme>[] = [`
`20`	`20`
`21`	`21`	`export const appearance: Rule[] = [`
`22`	`22`	`['appearance-none', {`
`23`		`- 'appearance': 'none',`
`24`	`23`	`'-webkit-appearance': 'none',`
	`24`	`+ 'appearance': 'none',`
`25`	`25`	`}],`
`26`	`26`	`]`
`27`	`27`