@neatui/css 3.3.13 → 3.4.0

package/core/basic.scss

@@ -396,80 +396,55 @@ code,
 .code {
   font-family: Menlo, Monaco, 'Courier New', monospace;
 }
-
+[layout='full'] {
+  .box {
+    width: 100%;
+    max-width: 100%;
+  }
+}
 // 容器
 .box,
 .box-base {
   position: relative;
   width: 100%;
-  max-width: 95rem;
+  max-width: 94rem;
   margin: 0 auto;
+  padding: 0 2%;
 }
-// 全屏的
-[layout='full'] {
-  &,
-  body {
-    width: 100%;
-    height: 100%;
-    max-width: 100%;
-  }
-}
-[layout='full'] {
-  .box {
-    width: 100%;
-    max-width: 100%;
-  }
+.box-full,
+[layout='full'] .box {
+  width: 100%;
+  max-width: 100%;
 }
-// 宽阔的
-[layout='wide'] {
-  .box {
-    width: 96%;
-    max-width: 100%;
-  }
+.box-wide,
+[layout='wide'] .box {
+  width: 94%;
+  max-width: 100%;
 }
-.box-wide {
-  position: relative;
-  margin: 0 auto;
-  width: 96%;
+.box-auto,
+[layout='auto'] .box {
+  width: 76%;
   max-width: 100%;
 }
-
-[layout='full'] {
-  .box {
-    padding: 0;
-  }
+.box-slim,
+[layout='slim'] .box {
+  width: 100%;
+  max-width: 640px;
 }
 
-[layout='slim'] {
-  .box {
-    width: 100%;
-    max-width: 640px;
-    padding: 0;
-  }
-}
+.box-wide,
+.box-auto,
 .box-slim {
   position: relative;
   margin: 0 auto;
-  width: 100%;
-  max-width: 640px;
-  padding: 0;
 }
 
-// 小于桌面时
-@include med('>pad') {
-  // 自动的
-  [layout='auto'] {
-    .box {
-      width: 80%;
-      max-width: 100%;
-    }
-  }
-
-  .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.0",
   "description": "neatui",
   "main": "./neatui.scss",
   "license": "MIT",