@neatui/css 1.0.5 → 1.0.7

package/README.md

@@ -1 +1,3 @@
 # @neatui/css
+
+[http://neatui.fekit.cn](http://neatui.fekit.cn)

package/core/color.scss

@@ -180,6 +180,7 @@ html {
     background-color: co(main);
   }
 }
+
 .bg-1 {
   background-color: #0084ff;
 }

package/core/cols.scss

@@ -11,8 +11,7 @@
 
     // 间距
     &[ui-row~='space'] {
-      margin-left: -1rem;
-      margin-right: -1rem;
+      margin: -1rem;
       & > * {
         padding: 1rem;
       }
@@ -21,8 +20,7 @@
     @include mob {
       // 间距
       &[ui-row~='space'] {
-        margin-left: -0.5rem;
-        margin-right: -0.5rem;
+        margin: -0.5rem;
         & > * {
           padding: 0.5rem;
         }

package/core/line.scss

@@ -1,4 +1,15 @@
-[ui-line] {
-  &[ui-line~='bk-1 '] {
-  }
-}
+// [ui-line] {
+//   &[ui-line~='solid'] {
+//     border-style: solid;
+//   }
+//   &[ui-line~='dashed'] {
+//     border-style: dashed;
+//   }
+//   &[ui-line~='dotted'] {
+//     border-style: solid;
+//   }
+
+//   &[ui-line~='solid'] {
+//     border-style: solid;
+//   }
+// }

package/core/mcui@core.scss

@@ -18,10 +18,6 @@
 @import './cols.scss';
 // 微调
 @import './trim.scss';
-// 边距
-@import './padding.scss';
-// 外边距
-@import './margin.scss';
 // 边框
 @import './border.scss';
 // 弹性布局

package/core/size.scss

@@ -55,28 +55,29 @@
     .#{$d}fs-#{$k}\:end::after {
       font-size: #{$sz}rem;
     }
+    // 加0.05
+    .#{$d}fs-#{$k}\+,
+    .#{$d}fs-#{$k}-sub\+ > *,
+    .#{$d}fs-#{$k}\+\:sta::before,
+    .#{$d}fs-#{$k}\+\:end::after,
+    .#{$d}fs-#{$k}-sub\+\:sta > *::before,
+    .#{$d}fs-#{$k}-sub\+\:end > *::after {
+      font-size: #{$sz + 0.05}rem;
+    }
+
     // 双倍
-    .#{$d}fs-#{$k}\*2,
-    .#{$d}fs-#{$k}-sub\*2 > *,
-    .#{$d}fs-#{$k}-sub\*2\:sta > *::before,
-    .#{$d}fs-#{$k}-sub\*2\:end > *::after,
-    .#{$d}fs-#{$k}\*2\:sta::before,
-    .#{$d}fs-#{$k}\*2\:end::after {
+    .#{$d}fs-#{$k}\*,
+    .#{$d}fs-#{$k}-sub\* > *,
+    .#{$d}fs-#{$k}\*\:sta::before,
+    .#{$d}fs-#{$k}\*\:end::after,
+    .#{$d}fs-#{$k}-sub\*\:sta > *::before,
+    .#{$d}fs-#{$k}-sub\*\:end > *::after {
       font-size: #{$sz * 2}rem;
     }
-    // 三倍
-    .#{$d}fs-#{$k}\*3,
-    .#{$d}fs-#{$k}-sub\*3 > *,
-    .#{$d}fs-#{$k}-sub\*3\:sta > *::before,
-    .#{$d}fs-#{$k}-sub\*3\:end > *::after,
-    .#{$d}fs-#{$k}\*3\:sta::before,
-    .#{$d}fs-#{$k}\*3\:end::after {
-      font-size: #{$sz * 3}rem;
-    }
   }
 
   .#{$d}lh-no {
-    line-height: 1;
+    line-height: 0;
   }
   .#{$d}lh-xs {
     line-height: 1;
@@ -110,27 +111,6 @@
   }
 
   // 标题
-  $hsz: 1;
-  // @for $i from 1 through 6 {}
-  // $h_sz: 1;
-  // @for $i from 1 through 6 {
-  //   $sz: 1 + (4 - $i)/10 + $h_sz;
-  //   $sz: round($sz * 10) / 10;
-
-  //   @if ($d == '') {
-  //     h#{$i},
-  //     .#{$d}h#{$i} {
-  //       font-size: #{$sz}em;
-  //     }
-  //   } @else {
-  //     .#{$d}h#{$i} {
-  //       font-size: #{$sz}em;
-  //     }
-  //   }
-
-  //   $h_sz: $h_sz - ($h_sz/3);
-  // }
-
   h1,
   .h1 {
     font-size: 2em;
@@ -168,11 +148,11 @@
 
 // 移动
 @media screen and (max-width: 767px) {
-  // @include baseSize(9);
+  // @include baseSize(15);
   @include randSize('mob\\:');
 }
 
 // 超小屏
 @media screen and (max-width: 374px) {
-  @include baseSize(9);
+  // @include baseSize(9);
 }

package/core/theme.scss

@@ -45,7 +45,7 @@ $default: (
   $s: nth($i, 2);
   $m: (
     read: mix(map-get($s, 'text'), map-get($s, 'fore'), 80%),
-    desc: mix(map-get($s, 'text'), mix(map-get($s, 'main'), map-get($s, 'fore'), 40%), 45%),
+    desc: mix(map-get($s, 'text'), mix(map-get($s, 'main'), map-get($s, 'fore'), 50%), 45%),
     note: mix(map-get($s, 'text'), map-get($s, 'fore'), 35%),
     idle: mix(map-get($s, 'text'), map-get($s, 'fore'), 25%),
     case: mix(map-get($s, 'text'), map-get($s, 'fore'), 20%),

package/core/trim.scss

@@ -25,6 +25,18 @@
       &.#{$media}nr-#{$sz}-sub {
         margin-right: -$col_base + $col_unit;
       }
+
+      // 上下内边距
+      &.#{$media}n-#{$sz}-sub,
+      &.#{$media}ny-#{$sz}-sub,
+      &.#{$media}nt-#{$sz}-sub {
+        margin-top: -$col_base + $col_unit;
+      }
+      &.#{$media}n-#{$sz}-sub,
+      &.#{$media}ny-#{$sz}-sub,
+      &.#{$media}nb-#{$sz}-sub {
+        margin-bottom: -$col_base + $col_unit;
+      }
     }
 
     @if ($sz == xs) {

package/index.js

@@ -1,4 +1,4 @@
-const mcui = {
+const neatui = {
   theme: {
     set: function (theme) {
       document.documentElement.attr('theme', theme);
@@ -25,4 +25,4 @@ const mcui = {
   }
 };
 
-module.exports = mcui;
+export default neatui;

package/neatui.scss

@@ -0,0 +1,22 @@
+@import './core/mcui@core.scss';
+@import './components/anim/mcui@anim.scss';
+@import './components/btns/mcui@btns.scss';
+@import './components/card/mcui@card.scss';
+@import './components/form/mcui@form.scss';
+@import './components/icon/mcui@icon.scss';
+@import './components/imgs/mcui@imgs.scss';
+@import './components/line/mcui@line.scss';
+@import './components/list/mcui@list.scss';
+@import './components/load/mcui@load.scss';
+@import './components/menu/mcui@menu.scss';
+@import './components/navs/mcui@navs.scss';
+@import './components/note/mcui@note.scss';
+@import './components/opts/mcui@opts.scss';
+@import './components/path/mcui@path.scss';
+@import './components/side/mcui@side.scss';
+@import './components/steps/mcui@steps.scss';
+@import './components/table/mcui@table.scss';
+@import './components/tabs/mcui@tabs.scss';
+@import './components/tags/mcui@tags.scss';
+@import './components/tips/mcui@tips.scss';
+@import './components/title/mcui@title.scss';

package/package.json

@@ -1,26 +1,13 @@
 {
   "name": "@neatui/css",
-  "version": "1.0.5",
-  "description": "mcui",
-  "main": "./all.scss",
+  "version": "1.0.7",
+  "description": "neatui",
+  "main": "./neatui.scss",
   "license": "MIT",
   "author": "xiaojunbo",
-  "peerDependencies": {
-    "vue": "^3.2.0"
-  },
+  "peerDependencies": {},
   "devDependencies": {
     "typescript": "^5.1.6"
   },
-  "dependencies": {
-    "@fekit/floor": "^2.2.2",
-    "@fekit/follow": "^1.0.8",
-    "@fekit/itable": "^1.1.3",
-    "@fekit/pullload": "^1.3.4",
-    "@fekit/scale": "^2.0.1",
-    "@fekit/scrollto": "^3.0.2",
-    "@fekit/toast": "^2.2.3",
-    "@fekit/url": "^2.0.1",
-    "@fekit/utils": "^2.10.7",
-    "swiper": "^11.0.4"
-  }
+  "dependencies": {}
 }

package/all.scss

@@ -1,22 +0,0 @@
-@import './core/mcui@core.scss';
-@import './anim/mcui@anim.scss';
-@import './btns/mcui@btns.scss';
-@import './card/mcui@card.scss';
-@import './form/mcui@form.scss';
-@import './icon/mcui@icon.scss';
-@import './imgs/mcui@imgs.scss';
-@import './line/mcui@line.scss';
-@import './list/mcui@list.scss';
-@import './load/mcui@load.scss';
-@import './menu/mcui@menu.scss';
-@import './navs/mcui@navs.scss';
-@import './note/mcui@note.scss';
-@import './opts/mcui@opts.scss';
-@import './path/mcui@path.scss';
-@import './side/mcui@side.scss';
-@import './steps/mcui@steps.scss';
-@import './table/mcui@table.scss';
-@import './tabs/mcui@tabs.scss';
-@import './tags/mcui@tags.scss';
-@import './tips/mcui@tips.scss';
-@import './title/mcui@title.scss';