@zyzgroup/core-web 0.1.2 → 0.1.4

package/dist/better.css

@@ -11,6 +11,17 @@
       (var(--viewport-max) - var(--viewport-min))
   );
 }
+:host {
+  --min-font-size: 16;
+  --max-font-size: 24;
+  --viewport-min: 375;
+  --viewport-max: 1024;
+  --font-size: calc(
+    var(--min-font-size) * 1px + (var(--max-font-size) - var(--min-font-size)) *
+      (100vw /* or 100cqw */ - var(--viewport-min) * 1px) /
+      (var(--viewport-max) - var(--viewport-min))
+  );
+}
 
 /* *,*::before,*::after */
 html,
@@ -103,7 +114,6 @@ html {
   font-family: system-ui, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI",
     "PingFang SC", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans",
     "Helvetica Neue", sans-serif;
-
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
@@ -111,41 +121,34 @@ html {
   text-size-adjust: none;
   /* 自动平滑滚动 */
   scroll-behavior: smooth;
-
   background-color: #ffffff;
   color: #333333;
+  width: 100%;
+  width: 100vw;
+  height: 100%;
+  height: 100vh;
 }
 
 body {
   position: relative;
-  min-width: 100%;
-  min-width: 100vw;
-  min-height: 100%;
-  min-height: 100vh;
-
+  width: 100%;
+  width: 100vw;
+  height: 100%;
+  height: 100vh;
   /*局部滚动使用弹性滚动效果*/
   -webkit-overflow-scrolling: touch;
-
-  /* constant 函数兼容 iOS 11.2 以下*/
-  padding-top: constant(safe-area-inset-top);
-  padding-bottom: constant(safe-area-inset-bottom);
-  padding-left: constant(safe-area-inset-left);
-  padding-right: constant(safe-area-inset-right);
-  /* env 函数兼容 iOS 11.2 */
-  padding-top: env(safe-area-inset-top);
-  padding-bottom: env(safe-area-inset-bottom);
-  padding-left: env(safe-area-inset-left);
-  padding-right: env(safe-area-inset-right);
 }
 
 html,
 body {
   font-size: 16px;
-  /* font-size: clamp(
+  /*
+  font-size: clamp(
     var(--min-font-size) * 1px,
     var(--font-size),
     var(--max-font-size) * 1px
-  ); */
+  );
+  */
   line-height: 1.4;
 }
 
@@ -375,7 +378,7 @@ The solution for this is to use the hover media query. It's possible to detect i
 https://developer.mozilla.org/en-US/docs/Web/CSS/@media/hover
 */
 @media (hover: hover) {
-  /* .card:hover {} */
+  /* .a:hover {} */
 }
 
 @media (prefers-color-scheme: dark) {
@@ -405,6 +408,8 @@ https://developer.mozilla.org/en-US/docs/Web/CSS/@media/hover
 /* 桌面电脑断点 */
 @media (max-width: 1024px) {
 }
+@media (min-width: 1024px) {
+}
 
 @media (min-width: 1216px) {
 }