feat(preset-mini)!: ringWidth default changed to 3px to align with …

…Tailwind (#3673) Co-authored-by: Anthony Fu <anthonyfu117@hotmail.com>
unocss · Apr 1, 2024 · 274d396 · 274d396
1 parent 5163bef
commit 274d396
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/packages/preset-mini/src/_theme/misc.ts b/packages/preset-mini/src/_theme/misc.ts
@@ -78,7 +78,7 @@ export const easing = {
 } satisfies Theme['easing']
 
 export const ringWidth = {
-  DEFAULT: '1px',
+  DEFAULT: '3px',
   none: '0',
 } satisfies Theme['ringWidth']
 

diff --git a/test/assets/output/preset-mini-targets.css b/test/assets/output/preset-mini-targets.css
@@ -581,10 +581,10 @@ unocss .scope-\[unocss\]\:block{display:block;}
 .shadow-op-\$opacity-variable{--un-shadow-opacity:var(--opacity-variable);}
 .shadow-op-50{--un-shadow-opacity:0.5;}
 .shadow-inset{--un-shadow-inset:inset;}
-.ring,
-.ring-px{--un-ring-width:1px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
+.ring{--un-ring-width:3px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
 .ring-10{--un-ring-width:10px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
 .ring-none{--un-ring-width:0;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
+.ring-px{--un-ring-width:1px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
 .ring-size-px,
 .ring-width-px{--un-ring-width:1px;}
 .ring-offset{--un-ring-offset-width:1px;}

diff --git a/test/assets/output/transformer-directives-apply.css b/test/assets/output/transformer-directives-apply.css
@@ -199,7 +199,7 @@ input {
   outline-offset: 2px;
 }
 input:focus {
-  --un-ring-width: 1px;
+  --un-ring-width: 3px;
   --un-ring-offset-shadow: var(--un-ring-inset) 0 0 0
     var(--un-ring-offset-width) var(--un-ring-offset-color);
   --un-ring-shadow: var(--un-ring-inset) 0 0 0
@@ -230,7 +230,7 @@ input:focus {
 .btn:focus {
   outline: 2px solid transparent;
   outline-offset: 2px;
-  --un-ring-width: 1px;
+  --un-ring-width: 3px;
   --un-ring-offset-shadow: var(--un-ring-inset) 0 0 0
     var(--un-ring-offset-width) var(--un-ring-offset-color);
   --un-ring-shadow: var(--un-ring-inset) 0 0 0