@neatui/css 2.0.0-beta.2 → 2.0.0

package/core/reset.scss

@@ -156,7 +156,7 @@ img {
 sup {
   position: relative;
   vertical-align: text-top;
-  font-size: 0.5em;
+  font-size: 0.6em;
   line-height: 1;
   font-weight: bold;
 }

package/core/theme.scss

@@ -202,53 +202,29 @@ $theme: if(
             }
           }
         }
-
-        // 文本颜色
-        // --co-main-text: #{mix(map-get($s, 'main'), map-get($s, 'text'), 85%)};
-        // --co-well-text: #{mix(map-get($s, 'well'), map-get($s, 'text'), 85%)};
-        // --co-warn-text: #{mix(map-get($s, 'warn'), map-get($s, 'text'), 85%)};
-        // --co-risk-text: #{mix(map-get($s, 'risk'), map-get($s, 'text'), 85%)};
-
-        // --co-line-fore: #{mix(map-get($s, 'line'), map-get($s, 'fore'), 70%)};
-        // --bg-main: #{saturate(rgba(map-get($s, 'main'), 0.05), 20%)};
-        // --bg-weak: #{mix(map-get($s, 'weak'), map-get($s, 'fore'), 75%)};
-        // --bg-well: #{saturate(rgba(map-get($s, 'well'), 0.05), 20%)};
-        // --bg-warn: #{saturate(rgba(map-get($s, 'warn'), 0.05), 20%)};
-        // --bg-risk: #{saturate(rgba(map-get($s, 'risk'), 0.05), 20%)};
-        // --bg-info: #{saturate(rgba(map-get($s, 'info'), 0.05), 20%)};
-        // --bg-well: #{rgba(map-get($s, 'well'), 0.08)};
-        // --bg-warn: #{rgba(map-get($s, 'warn'), 0.08)};
-        // --bg-risk: #{rgba(map-get($s, 'risk'), 0.08)};
-
-        // @each $k in $colors {
-        //   $v: map-get($s, $k);
-        //   $ls: 0.05;
-        //   @each $l in $levels {
-        //     // 透明度
-        //     --co-#{$k}-#{$l}: #{rgba($v, $ls)};
-        //     // 增亮度
-        //     --bg-#{$k}-#{$l}: #{saturate(rgba($v, $ls), 20%)};
-        //     @if ($ls == 0.05 or $ls == 0.9) {
-        //       $ls: $ls + 0.05;
-        //     } @else {
-        //       $ls: $ls + 0.1;
-        //     }
-        //   }
-        // }
       }
     } @else {
       [theme~='#{$n}'] {
         @each $c in $s {
           $k: nth($c, 1);
           $v: nth($c, 2);
-          @if ($k != 'none') {
-            --co-#{$k}: #{$v};
-          }
+          --#{$k}: #{red($v), green($v), blue($v)};
+          --co-#{$k}: #{$v};
 
           $ls: 0.05;
           @each $l in $levels {
             // 透明度
-            --co-#{$k}-#{$l}: #{rgba($v, $ls)};
+            @if ($k != 'none') {
+              --co-#{$k}-#{$l}: #{rgba($v, $ls)};
+
+              @if ($k != 'w' and $k != 'b') {
+                --co-#{$k}-fore-#{$l}: #{mix($v, map-get($s, 'fore'), $ls * 100%)};
+              }
+
+              @if ($k == 'main' or $k == 'well' or $k == 'warn' or $k == 'risk') {
+                --co-#{$k}-text-#{$l}: #{mix($v, map-get($s, 'text'), $ls * 100%)};
+              }
+            }
             @if ($ls <= 0.1 or $ls >= 0.8) {
               $ls: $ls + 0.05;
             } @else {
@@ -256,28 +232,6 @@ $theme: if(
             }
           }
         }
-
-        // 文本颜色
-        // --co-main-text: #{mix(map-get($s, 'main'), map-get($s, 'text'), 85%)};
-        // --co-well-text: #{mix(map-get($s, 'well'), map-get($s, 'text'), 85%)};
-        // --co-warn-text: #{mix(map-get($s, 'warn'), map-get($s, 'text'), 85%)};
-        // --co-risk-text: #{mix(map-get($s, 'risk'), map-get($s, 'text'), 85%)};
-
-        // @each $k in $colors {
-        //   $v: map-get($s, $k);
-        //   $ls: 0.05;
-        //   @each $l in $levels {
-        //     // 透明度
-        //     --co-#{$k}-#{$l}: #{rgba($v, $ls)};
-        //     // 增亮度
-        //     --bg-#{$k}-#{$l}: #{saturate(rgba($v, $ls), 20%)};
-        //     @if ($ls == 0.05 or $ls == 0.9) {
-        //       $ls: $ls + 0.05;
-        //     } @else {
-        //       $ls: $ls + 0.1;
-        //     }
-        //   }
-        // }
       }
     }
   }

package/core/ux.scss

@@ -163,7 +163,7 @@
   &::after {
     border-top-color: currentColor;
     transform: translateY(120%);
-    opacity: 0.6;
+    opacity: 0.3;
   }
 
   &[ui-sort~='0'] {
@@ -171,12 +171,20 @@
       opacity: 0.3;
     }
     &::after {
-      opacity: 0.6;
+      opacity: 0.3;
     }
   }
   &[ui-sort~='1'] {
     &::before {
-      opacity: 0.6;
+      opacity: 0.3;
+    }
+    &::after {
+      opacity: 0.9;
+    }
+  }
+  &[ui-sort~='2'] {
+    &::before {
+      opacity: 0.9;
     }
     &::after {
       opacity: 0.3;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neatui/css",
-  "version": "2.0.0-beta.2",
+  "version": "2.0.0",
   "description": "neatui",
   "main": "./neatui.scss",
   "license": "MIT",