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

unocss · Mar 28, 2023 · 97f5d17 · 97f5d17
1 parent 115ace1
commit 97f5d17
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
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));