@neatui/css 3.3.13 → 3.4.1

package/core/basic.scss

@@ -397,79 +397,62 @@ code,
   font-family: Menlo, Monaco, 'Courier New', monospace;
 }
 
-// 容器
-.box,
-.box-base {
-  position: relative;
-  width: 100%;
-  max-width: 95rem;
-  margin: 0 auto;
-}
-// 全屏的
 [layout='full'] {
   &,
   body {
     width: 100%;
     height: 100%;
-    max-width: 100%;
   }
 }
+
 [layout='full'] {
   .box {
     width: 100%;
     max-width: 100%;
   }
 }
-// 宽阔的
-[layout='wide'] {
-  .box {
-    width: 96%;
-    max-width: 100%;
-  }
-}
-.box-wide {
+// 容器
+.box,
+.box-base {
   position: relative;
+  width: 100%;
+  max-width: 94rem;
   margin: 0 auto;
-  width: 96%;
+}
+.box-full,
+[layout='full'] .box {
+  width: 100%;
   max-width: 100%;
 }
-
-[layout='full'] {
-  .box {
-    padding: 0;
-  }
+.box-wide,
+[layout='wide'] .box {
+  width: 94%;
+  max-width: 100%;
 }
-
-[layout='slim'] {
-  .box {
-    width: 100%;
-    max-width: 640px;
-    padding: 0;
-  }
+.box-auto,
+[layout='auto'] .box {
+  width: 76%;
+  max-width: 100%;
 }
-.box-slim {
-  position: relative;
-  margin: 0 auto;
+.box-slim,
+[layout='slim'] .box {
   width: 100%;
   max-width: 640px;
-  padding: 0;
 }
 
-// 小于桌面时
-@include med('>pad') {
-  // 自动的
-  [layout='auto'] {
-    .box {
-      width: 80%;
-      max-width: 100%;
-    }
-  }
+.box-wide,
+.box-auto,
+.box-slim {
+  position: relative;
+  margin: 0 auto;
+}
 
-  .box-auto {
-    position: relative;
-    margin: 0 auto;
-    width: 80%;
+@include mob {
+  .box-base,
+  [layout] .box {
+    width: 100%;
     max-width: 100%;
+    padding: 0 4%;
   }
 }
 

package/package.json

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