@neatui/css 3.3.12 → 3.4.0

package/components/tips/base.scss

@@ -15,7 +15,8 @@
       top: 100%;
       left: 0;
     }
-    &::after {
+    [ui-tips-arrow],
+    &[ui-tips-arrow~='true']::after {
       top: auto;
       right: 0.75em;
       bottom: -0.25em;
@@ -37,7 +38,8 @@
       top: 100%;
       left: 0;
     }
-    &::after {
+    [ui-tips-arrow],
+    &[ui-tips-arrow~='true']::after {
       top: auto;
       right: auto;
       bottom: -0.25em;
@@ -60,7 +62,8 @@
       top: 100%;
       left: 0;
     }
-    &::after {
+    [ui-tips-arrow],
+    &[ui-tips-arrow~='true']::after {
       top: auto;
       right: auto;
       bottom: -0.25em;
@@ -83,7 +86,8 @@
       top: 0;
       left: 100%;
     }
-    &::after {
+    [ui-tips-arrow],
+    &[ui-tips-arrow~='true']::after {
       top: auto;
       right: -0.25em;
       bottom: 0.75em;
@@ -104,7 +108,8 @@
       top: 0;
       left: 100%;
     }
-    &::after {
+    [ui-tips-arrow],
+    &[ui-tips-arrow~='true']::after {
       top: 50%;
       right: -0.25em;
       bottom: auto;
@@ -126,7 +131,8 @@
       top: 0;
       left: 100%;
     }
-    &::after {
+    [ui-tips-arrow],
+    &[ui-tips-arrow~='true']::after {
       top: 0.75em;
       right: -0.25em;
       bottom: auto;

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.12",
+  "version": "3.4.0",
   "description": "neatui",
   "main": "./neatui.scss",
   "license": "MIT",