@neatui/css 2.0.8 → 2.0.10

package/components/navs/navs@a.scss

@@ -1,5 +1,6 @@
 [ui-navs~='@a'] {
   position: relative;
+  white-space: nowrap;
 }
 [ui-navs~='@a'] > *,
 [ui-nav~='@a'] {
@@ -10,6 +11,9 @@
     justify-content: start;
     padding: 0.25em 0.5em;
     border-radius: 0.25em;
+    margin-bottom: 1px;
+    white-space: nowrap;
+    
 
     cursor: pointer;
     user-select: none;

package/core/neatui@core.lite.scss

@@ -21,7 +21,7 @@
 // 弹性布局
 @import './flex.scss';
 // 缩小
-@import './scale.scss';
+// @import './scale.scss';
 // 滚动条
 // @import './scroll.scss';
 // 封面

package/core/neatui@core.scss

@@ -21,7 +21,7 @@
 // 弹性布局
 @import './flex.scss';
 // 缩小
-@import './scale.scss';
+// @import './scale.scss';
 // 滚动条
 @import './scroll.scss';
 // 封面

package/core/neatui@mobile.scss

@@ -28,7 +28,7 @@
 // 弹性布局
 @import './flex.scss';
 // 缩小
-@import './scale.scss';
+// @import './scale.scss';
 // 滚动条
 @import './scroll.scss';
 // 封面

package/core/scale.scss

@@ -1,24 +1,24 @@
-@mixin scale($d: '') {
-  $rank: 'xxs', 'xs', 'ss', 'sm', 'sl', 'ms', 'mm', 'ml', 'ls', 'lm', 'll', 'xl', 'xxl';
+// @mixin scale($d: '') {
+//   $rank: 'xxs', 'xs', 'ss', 'sm', 'sl', 'ms', 'mm', 'ml', 'ls', 'lm', 'll', 'xl', 'xxl';
 
-  $sz: 0;
-  @each $k in $rank {
-    [ui-scale~='#{$k}'] {
-      transform: scale($sz);
+//   $sz: 0;
+//   @each $k in $rank {
+//     [ui-scale~='#{$k}'] {
+//       transform: scale($sz);
 
-      &[ui-scale~='ct'] {
-        transform-origin: 50% 0%;
-      }
-      &[ui-scale~='cb'] {
-        transform-origin: 50% 100%;
-      }
-      &[ui-scale~='lm'] {
-        transform-origin: 0% 50%;
-      }
-      &[ui-scale~='rm'] {
-        transform-origin: 100% 50%;
-      }
-    }
-    $sz: $sz + 0.1;
-  }
-}
+//       &[ui-scale~='ct'] {
+//         transform-origin: 50% 0%;
+//       }
+//       &[ui-scale~='cb'] {
+//         transform-origin: 50% 100%;
+//       }
+//       &[ui-scale~='lm'] {
+//         transform-origin: 0% 50%;
+//       }
+//       &[ui-scale~='rm'] {
+//         transform-origin: 100% 50%;
+//       }
+//     }
+//     $sz: $sz + 0.1;
+//   }
+// }

package/core/theme.scss

@@ -1,3 +1,6 @@
+@use "sass:list";
+@use "sass:meta";
+
 // 兜底
 $theme: if(
   global-variable-exists(theme),
@@ -21,7 +24,7 @@ $theme: if(
 // 检测
 @if (global-variable-exists(theme)) {
   $fa: map-keys($theme);
-  $fk: nth($fa, 1);
+  $fk: list.nth($fa, 1);
   @if (length($fa) == 1 and $fk == _sys) {
     @warn '检测到您未定义主题色卡，请遵循 neatui 设计规范建立主题色卡；https://neatui.fekit.cn/#/docs/config';
     @debug '尝试修复错误...';
@@ -31,9 +34,9 @@ $theme: if(
   }
 
   @each $var in $theme {
-    $n: nth($var, 1);
-    $s: nth($var, 2);
-    @if ($s and type-of($s) == 'map') {
+    $n: list.nth($var, 1);
+    $s: list.nth($var, 2);
+    @if ($s and meta.type-of($s) == 'map') {
       $baseColor: 'main', 'text', 'fore', 'back', 'link', 'code', 'well', 'warn', 'risk';
       @each $baseColorItem in $baseColor {
         @if (map-has-key($s, $baseColorItem)) {
@@ -49,9 +52,9 @@ $theme: if(
 
 // 扩展颜色
 @each $i in $theme {
-  $n: nth($i, 1);
-  $s: nth($i, 2);
-  @if ($s and type-of($s) == 'map') {
+  $n: list.nth($i, 1);
+  $s: list.nth($i, 2);
+  @if ($s and meta.type-of($s) == 'map') {
     $m: (
       none: transparent,
       w: #ffffff,
@@ -61,13 +64,7 @@ $theme: if(
       note: mix(map-get($s, 'text'), map-get($s, 'fore'), 35%),
       case: mix(map-get($s, 'text'), map-get($s, 'fore'), 20%),
       line: mix(map-get($s, 'text'), map-get($s, 'fore'), 10%),
-      weak: mix(map-get($s, 'text'), map-get($s, 'fore'), 4%),
-      deep:
-        rgb(
-          red(map-get($s, 'back')) - (red(map-get($s, 'back')) * 0.05 + 5),
-          green(map-get($s, 'back')) - (green(map-get($s, 'back')) * 0.05 + 5),
-          blue(map-get($s, 'back')) - (blue(map-get($s, 'back')) * 0.05 + 5)
-        ),
+      weak: mix(map-get($s, 'text'), map-get($s, 'fore'), 4%)
     );
     // 将扩展颜色加入放题色卡中
     $theme: map-merge(
@@ -85,9 +82,9 @@ $theme: if(
   @if ($n != null) {
     @if ($hasTheme != null) {
       $t: $hasTheme;
-      $first: nth(nth($theme, 1), 1);
+      $first: list.nth(list.nth($theme, 1), 1);
       $n: $n;
-      $s: #{nth(&, 1)};
+      $s: #{list.nth(&, 1)};
       @if ($s == 'html' or $s == '' or $s == null) {
         @if ($n == $first) {
           @at-root html {
@@ -111,10 +108,10 @@ $theme: if(
       @warn '没有指定主题#{$hasTheme}';
     }
   } @else {
-    $first: nth(nth($theme, 1), 1);
+    $first: list.nth(list.nth($theme, 1), 1);
     @each $t in $theme {
-      $n: nth($t, 1);
-      $s: #{nth(&, 1)};
+      $n: list.nth($t, 1);
+      $s: #{list.nth(&, 1)};
 
       @if ($s == 'html' or $s == ':root' or $s == '' or $s == null) {
         @if ($n == $first) {
@@ -142,12 +139,12 @@ $theme: if(
 // 颜色
 @function co($a: '') {
   @if (& != null) {
-    $r: nth(nth(&, 1), 1);
+    $r: list.nth(list.nth(&, 1), 1);
     $n: str-slice($r, 8, -2);
     $s: map-get($theme, $n);
     @if ($s == null) {
-      $n: nth(nth($theme, 1), 1);
-      $s: nth(nth($theme, 1), 2);
+      $n: list.nth(list.nth($theme, 1), 1);
+      $s: list.nth(list.nth($theme, 1), 2);
     }
     @if ($s != null) {
       @if (map-has-key($s, $a)) {
@@ -167,16 +164,16 @@ $theme: if(
   $levels: xs, ss, sm, sl, ms, mm, ml, ls, lm, ll, xl;
   $colors: main, text, well, warn, risk;
 
-  $f: nth(nth($theme, 1), 1);
+  $f: list.nth(list.nth($theme, 1), 1);
   @each $i in $theme {
-    $n: nth($i, 1);
-    $s: nth($i, 2);
+    $n: list.nth($i, 1);
+    $s: list.nth($i, 2);
     @if ($n == $f) {
       :root {
         @each $c in $s {
-          $k: nth($c, 1);
-          $v: nth($c, 2);
-          --#{$k}: #{red($v), green($v), blue($v)};
+          $k: list.nth($c, 1);
+          $v: list.nth($c, 2);
+          // --#{$k}: #{red($v), green($v), blue($v)};
           --co-#{$k}: #{$v};
 
           $ls: 0.05;
@@ -204,9 +201,9 @@ $theme: if(
     } @else {
       [theme~='#{$n}'] {
         @each $c in $s {
-          $k: nth($c, 1);
-          $v: nth($c, 2);
-          --#{$k}: #{red($v), green($v), blue($v)};
+          $k: list.nth($c, 1);
+          $v: list.nth($c, 2);
+          // --#{$k}: #{red($v), green($v), blue($v)};
           --co-#{$k}: #{$v};
 
           $ls: 0.05;

package/core/trim.scss

@@ -397,65 +397,65 @@
 
   // 缩小
   .#{$media}s-no {
-    transform: scale3d(0, 0, 1);
+    transform: scale(0);
   }
   .#{$media}s-ss {
-    transform: scale3d(0.1, 0.1, 1);
+    transform: scale(0.1);
   }
   .#{$media}s-sm {
-    transform: scale3d(0.2, 0.2, 1);
+    transform: scale(0.2);
   }
   .#{$media}s-sl {
-    transform: scale3d(0.3, 0.3, 1);
+    transform: scale(0.3);
   }
   .#{$media}s-ms {
-    transform: scale3d(0.4, 0.4, 1);
+    transform: scale(0.4);
   }
   .#{$media}s-mm {
-    transform: scale3d(0.5, 0.5, 1);
+    transform: scale(0.5);
   }
   .#{$media}s-ml {
-    transform: scale3d(0.6, 0.6, 1);
+    transform: scale(0.6);
   }
   .#{$media}s-ls {
-    transform: scale3d(0.7, 0.7, 1);
+    transform: scale(0.7);
   }
   .#{$media}s-lm {
-    transform: scale3d(0.8, 0.8, 1);
+    transform: scale(0.8);
   }
   .#{$media}s-ll {
-    transform: scale3d(0.9, 0.9, 1);
+    transform: scale(0.9);
   }
   .#{$media}s-xl {
-    transform: scale3d(0.95, 0.95, 1);
+    transform: scale(0.95);
   }
 
   .#{$media}s-ss\+mm {
-    transform: scale3d(0.15, 0.15, 1);
+    transform: scale(0.15);
   }
   .#{$media}s-sm\+mm {
-    transform: scale3d(0.25, 0.25, 1);
+    transform: scale(0.25);
   }
   .#{$media}s-sl\+mm {
-    transform: scale3d(0.35, 0.35, 1);
+    transform: scale(0.35);
   }
   .#{$media}s-ms\+mm {
-    transform: scale3d(0.45, 0.45, 1);
+    transform: scale(0.45);
   }
   .#{$media}s-mm\+mm {
-    transform: scale3d(0.55, 0.55, 1);
+    transform: scale(0.55);
   }
   .#{$media}s-ml\+mm {
-    transform: scale3d(0.65, 0.65, 1);
+    transform: scale(0.65);
   }
   .#{$media}s-ls\+mm {
-    transform: scale3d(0.75, 0.75, 1);
+    transform: scale(0.75);
   }
   .#{$media}s-lm\+mm {
-    transform: scale3d(0.85, 0.85, 1);
+    transform: scale(0.85);
   }
   .#{$media}s-ll\+mm {
-    transform: scale3d(0.95, 0.95, 1);
+    transform: scale(0.95);
   }
 
   // 旋转

package/package.json

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