@neatui/css 3.15.1 → 3.16.1

package/core/basic.scss

@@ -1,7 +1,7 @@
-@use './media.scss' as *;
-@use './vars.scss' as *;
+@use "./media.scss" as *;
+@use "./vars.scss" as *;
 
-@mixin base($d: '') {
+@mixin base($d: "") {
   .#{$d}w-auto {
     width: auto;
   }
@@ -188,23 +188,23 @@
 @include base();
 
 // 平板
-@include med('<dpc') {
-  @include base('pad\\:');
+@include med("<dpc") {
+  @include base("pad\\:");
 }
 // 移动
-@include med('<pad') {
-  @include base('mob\\:');
+@include med("<pad") {
+  @include base("mob\\:");
 }
 
 // 代码
 code,
 .code {
-  font-family: Menlo, Monaco, 'Courier New', monospace;
+  font-family: Menlo, Monaco, "Courier New", monospace;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
-[layout='full'] {
+[layout="full"] {
   &,
   body {
     width: 100%;
@@ -218,36 +218,38 @@ code,
 }
 
 // 容器
-.box,
-.box-base {
-  position: relative;
-  width: 100%;
-  max-width: 92rem;
-  margin: 0 auto;
-}
 .box-full,
-[layout='full'] .box {
+[layout="full"] .box {
   width: 100%;
-  max-width: 100%;
+  max-width: none;
 }
 .box-wide,
-[layout='wide'] .box {
-  width: 92%;
-  max-width: 100%;
+[layout="wide"] .box {
+  width: 100%;
+  max-width: 1600px;
 }
-.box-auto,
-[layout='auto'] .box {
-  width: 76%;
-  max-width: 100%;
+.box-norm,
+[layout="norm"] .box {
+  width: 100%;
+  max-width: 1440px;
+}
+.box,
+.box-base,
+[layout="base"] .box {
+  width: 100%;
+  max-width: 1280px;
 }
 .box-slim,
-[layout='slim'] .box {
+.doc,
+[layout="slim"] .box {
   width: 100%;
-  max-width: 640px;
+  max-width: 800px;
 }
 
+.box,
+.box-base,
 .box-wide,
-.box-auto,
+.box-norm,
 .box-slim {
   position: relative;
   margin: 0 auto;
@@ -263,11 +265,11 @@ code,
 }
 
 // 文档
-// .doc {
-//   p {
-//     margin-bottom: 1em;
-//   }
-// }
+.doc {
+  p {
+    margin-bottom: 0.5em;
+  }
+}
 
 .bk {
   &-solid {
@@ -290,36 +292,36 @@ code,
   text-overflow: ellipsis;
   -webkit-text-size-adjust: 100%;
 }
-[ui-omit]:not([ui-omit~='1']) {
+[ui-omit]:not([ui-omit~="1"]) {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: var(--line);
 }
-[ui-omit~='1'] {
+[ui-omit~="1"] {
   white-space: nowrap;
 }
-[ui-omit~='2'] {
+[ui-omit~="2"] {
   --line: 2;
 }
-[ui-omit~='3'] {
+[ui-omit~="3"] {
   --line: 3;
 }
-[ui-omit~='4'] {
+[ui-omit~="4"] {
   --line: 4;
 }
-[ui-omit~='5'] {
+[ui-omit~="5"] {
   --line: 5;
 }
-[ui-omit~='6'] {
+[ui-omit~="6"] {
   --line: 6;
 }
-[ui-omit~='7'] {
+[ui-omit~="7"] {
   --line: 7;
 }
-[ui-omit~='8'] {
+[ui-omit~="8"] {
   --line: 8;
 }
-[ui-omit~='9'] {
+[ui-omit~="9"] {
   --line: 9;
 }
 

package/package.json

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