feat: ringWidth default changed to 3px

MellowCo · Apr 5, 2024 · fd0e327 · fd0e327 · qinains · Apr 6, 2024
1 parent 3357fd7
commit fd0e327
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 7 deletions.
diff --git a/src/theme/misc.ts b/src/theme/misc.ts
@@ -77,7 +77,7 @@ export const easing = {
 }
 
 export const ringWidth = {
-  DEFAULT: '1px',
+  DEFAULT: '3px',
   none: '0',
 }
 

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

diff --git a/test/assets/output/preset-weapp/targets-custom-rules.css b/test/assets/output/preset-weapp/targets-custom-rules.css
@@ -714,10 +714,10 @@ unocss .scope-_lfl11_unocss_lfr11__cl11_block{display:block;}
 .shadow-op-_do11_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/preset-weapp/targets.css b/test/assets/output/preset-weapp/targets.css
@@ -716,10 +716,10 @@ unocss .scope-_lfl_unocss_lfr__cl_block{display:block;}
 .shadow-op-_do_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;}