@neatui/css 2.0.0-beta.1 → 2.0.0

package/core/color.scss

@@ -7,6 +7,24 @@ html {
 @mixin color($n, $v) {
   $levels: xs, ss, sm, sl, ms, mm, ml, ls, lm, ll, xl;
 
+  .co-auto,
+  .co-auto\:hover:hover,
+  .co-auto\:active:active {
+    color: currentColor !important;
+    fill: currentColor !important;
+  }
+
+  .bg-auto,
+  .bg-auto\:hover:hover,
+  .bg-auto\:active:active {
+    background-color: currentColor !important;
+  }
+  .bk-auto,
+  .bk-auto\:hover:hover,
+  .bk-auto\:active:active {
+    border-color: currentColor !important;
+  }
+
   .co-#{$n},
   .co-#{$n}\:hover:hover,
   .co-#{$n}\:active:active {

package/core/flex.scss

@@ -342,35 +342,6 @@
 [ui-flex~='row'] {
   flex-direction: row;
 
-  // 等分
-  &[ui-flex~='ew:1'] > * {
-    width: 100%;
-  }
-  &[ui-flex~='ew:2'] > * {
-    width: 50%;
-  }
-  &[ui-flex~='ew:3'] > * {
-    width: 33.333333%;
-  }
-  &[ui-flex~='ew:4'] > * {
-    width: 25%;
-  }
-  &[ui-flex~='ew:5'] > * {
-    width: 20%;
-  }
-  &[ui-flex~='ew:6'] > * {
-    width: 16.666666%;
-  }
-  &[ui-flex~='ew:7'] > * {
-    width: 14.285714%;
-  }
-  &[ui-flex~='ew:8'] > * {
-    width: 12.5%;
-  }
-  &[ui-flex~='ew:9'] > * {
-    width: 11.111111%;
-  }
-
   // 对齐
   &[ui-flex~='lt'] {
     justify-content: flex-start;

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

@@ -174,7 +174,7 @@ $theme: if(
     $n: nth($i, 1);
     $s: nth($i, 2);
     @if ($n == $f) {
-      html {
+      :root {
         @each $c in $s {
           $k: nth($c, 1);
           $v: nth($c, 2);
@@ -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.1",
+  "version": "2.0.0",
   "description": "neatui",
   "main": "./neatui.scss",
   "license": "MIT",