@zyzgroup/core-web 0.0.50 → 0.0.51

package/dist/better.css

@@ -12,12 +12,79 @@
   );
 }
 
+/*
 *,
 *::before,
-*::after {
+*::after
+*/
+html,
+body,
+div,
+span,
+applet,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+font,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
+  border: 0;
+  outline: 0;
+  font-weight: inherit;
+  font-style: inherit;
+  font-size: 100%;
+  font-family: inherit;
+  vertical-align: baseline;
   /* 去掉点击时的蓝色外边框和灰色半透明背景 */
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
@@ -32,6 +99,9 @@
 :target {
   scroll-margin-block: 5ex;
 }
+:focus {
+  outline: 0;
+}
 
 html {
   font-family: system-ui, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI",
@@ -104,6 +174,12 @@ picture {
   background-color: #808080;
   /* 禁止长按链接与图片弹出菜单 */
   -webkit-touch-callout: none;
+  /*
+  * Added 2009/02/04 to fix IE7's issue with interpolated
+  * scaling not turned on by default.  Based on an idea from
+  * http://acidmartin.wordpress.com/2009/01/05/better-image-scaling-and-resampling-in-internet-explorer/
+  */
+  -ms-interpolation-mode: bicubic;
 }
 
 pre {
@@ -115,6 +191,12 @@ table {
   border-collapse: collapse;
   border-spacing: 0;
 }
+caption,
+th,
+td {
+  text-align: left;
+  font-weight: normal;
+}
 
 ul,
 ol {
@@ -144,6 +226,17 @@ h4 {
   text-wrap: balance;
 }
 
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+  content: "";
+}
+blockquote,
+q {
+  quotes: "" "";
+}
+
 /*
 清除浮动
 浮动特性
@@ -206,38 +299,9 @@ h4 {
   /* 触发重排 */
   /* zoom: 0.83; */
   -webkit-transform: scale(0.83);
-}
-
-.modal-underground-no-scroll-1 {
-  overflow: hidden;
-}
-.modal-underground-no-scroll-2 {
-  position: fixed;
-  /* 计算top */
-}
-.modal-underground-scroll-2 {
-  position: static;
-  top: auto;
-}
-.modal-underground {
-  transition: 0.6s filter;
-  filter: blur(5px);
-}
-.modal-mask {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background: rgba(0, 0, 0, 0.6);
-  z-index: 10000;
-}
-.modal-content {
-  /* avoid scroll chaining */
-  overscroll-behavior-y: contain;
-  /* the scrollbar will only be visible if the content is long */
-  overflow-y: auto;
-  scrollbar-gutter: stable;
+  -moz-transform: scale(0.83);
+  -o-transform: scale(0.83);
+  transform: scale(0.83);
 }
 
 .one-pixel-line {
@@ -269,16 +333,6 @@ h4 {
   }
 }
 
-.border-sample {
-  border: 5px solid #b4a078;
-  outline: 6px solid #b4a078;
-  outline-offset: -10px;
-  box-shadow: 0 0 0 10px #b4a078;
-  box-shadow: 0 0 0 0.3em #e8e2d6, 0 0 0 0.6em #e1d9c9, 0 0 0 1em #d9cfbb,
-    0 0 0 1.3em #d2c6ae, 0 0 0 1.6em #cabca0, 0 0 0 2em #c3b393,
-    0 0 0 2.3em #bba985, 0 0 0 2em #b4a078;
-}
-
 @supports (display: grid) {
 }
 
@@ -292,9 +346,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 {
-    background-color: gray;
-  } */
+  /* .card:hover {} */
 }
 
 @media (prefers-color-scheme: dark) {
@@ -307,7 +359,6 @@ https://developer.mozilla.org/en-US/docs/Web/CSS/@media/hover
 }
 
 /* 设备断点 */
-
 @media (max-width: 375px) {
 }
 

package/dist/example.css

@@ -0,0 +1,41 @@
+.border-sample {
+  border: 5px solid #b4a078;
+  outline: 6px solid #b4a078;
+  outline-offset: -10px;
+  box-shadow: 0 0 0 10px #b4a078;
+  box-shadow: 0 0 0 0.3em #e8e2d6, 0 0 0 0.6em #e1d9c9, 0 0 0 1em #d9cfbb,
+    0 0 0 1.3em #d2c6ae, 0 0 0 1.6em #cabca0, 0 0 0 2em #c3b393,
+    0 0 0 2.3em #bba985, 0 0 0 2em #b4a078;
+}
+
+.modal-underground-no-scroll-1 {
+  overflow: hidden;
+}
+.modal-underground-no-scroll-2 {
+  position: fixed;
+  /* 计算top */
+}
+.modal-underground-scroll-2 {
+  position: static;
+  top: auto;
+}
+.modal-underground {
+  transition: 0.6s filter;
+  filter: blur(5px);
+}
+.modal-mask {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.6);
+  z-index: 10000;
+}
+.modal-content {
+  /* avoid scroll chaining */
+  overscroll-behavior-y: contain;
+  /* the scrollbar will only be visible if the content is long */
+  overflow-y: auto;
+  scrollbar-gutter: stable;
+}