@zyzgroup/core-web 0.1.86 → 0.1.89

package/dist/css/better.css

@@ -0,0 +1,349 @@
+@charset "UTF-8";
+
+html {
+  position: relative;
+  width: 100%;
+  width: 100vw;
+  height: 100%;
+  height: 100vh;
+  font-family: system-ui, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI",
+    "PingFang SC", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans",
+    "Helvetica Neue", sans-serif;
+  font-family: "Iosevka Curly", HYYouYuan;
+  font-weight: normal;
+  font-style: normal;
+  font-variant: normal;
+  text-transform: none;
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  /* 字体不会随着网页放大而变大, 自从chrome 27之后，就取消了对这个属性的支持。同时，该属性只对英文、数字生效，对中文不生效 */
+  text-size-adjust: none;
+  /* 自动平滑滚动 */
+  scroll-behavior: smooth;
+  -webkit-user-drag: none;
+  touch-action: pan-y;
+  /* 配合 rem.js */
+  font-size: 16px;
+}
+
+body {
+  position: relative;
+  width: 100%;
+  width: 100vw;
+  height: 100%;
+  height: 100vh;
+  /* 局部滚动使用弹性滚动效果 */
+  -webkit-overflow-scrolling: touch;
+  -webkit-user-drag: none;
+  touch-action: pan-y;
+  /* 默认字体大小 */
+  font-size: 16px;
+  line-height: 1.4;
+}
+
+:root,
+:host {
+  /* *,*::before,*::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 {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    outline: 0;
+    vertical-align: baseline;
+    /* 去掉点击时的蓝色外边框和灰色半透明背景 */
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+    box-sizing: border-box;
+  }
+
+  a,
+  a:link,
+  a:visited,
+  a:hover,
+  a:active {
+    /* 禁止长按链接与图片弹出菜单 */
+    -webkit-touch-callout: none;
+    text-decoration: none;
+  }
+  /* remember to define focus styles! */
+  :focus,
+  a:focus {
+    outline: 0;
+  }
+
+  button,
+  a,
+  [role="button"] {
+    /* 禁止双击缩放、双指缩放等手势操作 */
+    /* 告诉浏览器该元素仅用于点击交互，无需等待300ms判断手势，直接派发click事件 */
+    /* 仅对可点击元素生效 */
+    touch-action: manipulation;
+  }
+
+  img,
+  picture {
+    display: block;
+    max-width: 100%;
+    border: 0 none;
+    object-fit: cover;
+    /* 禁止长按链接与图片弹出菜单 */
+    -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 {
+    max-width: 100%;
+    overflow: hidden;
+  }
+
+  table {
+    border-collapse: collapse;
+    border-spacing: 0;
+  }
+  caption,
+  th,
+  td {
+    text-align: left;
+    font-weight: normal;
+  }
+
+  ul,
+  ol {
+    list-style: none;
+  }
+
+  input::-ms-clear {
+    display: none !important;
+  }
+  input,
+  button,
+  textarea,
+  select {
+    outline: none;
+    font: inherit;
+    margin: 0;
+    padding: 0;
+  }
+  textarea {
+    /* increase the height of the textarea automatically based on the amount of text the user enters */
+    form-sizing: normal;
+  }
+
+  /* Balance text wrapping on headings */
+  h1,
+  h2,
+  h3,
+  h4 {
+    text-wrap: balance;
+  }
+
+  blockquote:before,
+  blockquote:after,
+  q:before,
+  q:after {
+    content: "";
+  }
+  blockquote,
+  q {
+    quotes: "" "";
+  }
+
+  .none {
+    display: none;
+  }
+  .hidden {
+    visibility: hidden;
+  }
+  .opacity-0 {
+    opacity: 0;
+    filter: Alpha(opacity=0);
+  }
+  /* 阻止鼠标选择文本 */
+  .no-user-select {
+    user-select: none;
+  }
+  /* 禁止鼠标事件触发 */
+  .no-pointer-events {
+    pointer-events: none;
+  }
+
+  .blur {
+    filter: blur(20px);
+  }
+  /* 毛玻璃质感 */
+  .glass {
+    background-color: rgba(255, 255, 255, 0.05);
+    backdrop-filter: blur(10px);
+  }
+
+  /*
+  清除浮动
+  浮动特性
+  1. 只会影响后面的元素
+  2. 文本不会被浮动元素覆盖
+  3. 具备内联盒子特性：宽度由内容局定
+  4. 具备块级盒子特性：支持所有样式
+  5. 浮动放不下，会自动换行
+  */
+  .clearfix::after {
+    content: "";
+    display: block;
+    clear: both;
+  }
+
+  .truncate,
+  .ellipsis {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    word-wrap: normal;
+    word-break: break-all;
+  }
+
+  /* 基于高度截断 */
+  /*
+  .truncate-twoline {
+    line-height: 20px;
+    height: 40px;
+    position: relative;
+    overflow: hidden;
+    word-wrap: normal;
+    word-break: break-all;
+  }
+  .truncate-twoline::after {
+    content: "...";
+    position: absolute;
+    bottom: 0;
+    right: 0;
+    padding: 0 20px 0 10px;
+    background: linear-gradient(to right, transparent, #fff 55%);
+  }
+  */
+
+  /* 基于行数截断 */
+  /*
+  .text-ellipsis-twoline {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    word-wrap: normal;
+    word-break: break-all;
+  }
+  */
+
+  .text-hide {
+    font: 0/0;
+    color: transparent;
+    text-indent: -9999px;
+  }
+
+  .font-10 {
+    font-size: 12px;
+    display: inline-block;
+    /* 触发重排 */
+    /* zoom: 0.83; */
+    -webkit-transform: scale(0.83);
+    -moz-transform: scale(0.83);
+    -o-transform: scale(0.83);
+    transform: scale(0.83);
+  }
+
+  /*
+  .one-pixel-line {
+    display: block;
+    position: relative;
+  }
+  .one-pixel-line::before {
+    content: "";
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    transform-origin: 0 0;
+    border-top: 1px solid #000000;
+  }
+  @media (min-resolution: 2dppx) {
+    .one-pixel-line::before {
+      width: 200%;
+      transform: scale(0.5) translateZ(0);
+    }
+  }
+  @media (min-resolution: 3dppx) {
+    .one-pixel-line::before {
+      width: 300%;
+      transform: scale(0.333333) translateZ(0);
+    }
+  }
+  */
+
+  /* Anything that has been anchored to should have extra scroll margin */
+  /* :target {
+    scroll-margin-block: 5ex;
+  } */
+}

package/dist/{font.css → css/font.css}

@@ -1,28 +1,14 @@
 @font-face {
   font-family: D-DINExp;
-  src: url("./D-DINExp.ttf") format("truetype");
+  src: url("../fonts/D-DINExp/D-DINExp.ttf") format("truetype");
   font-weight: normal;
   font-style: normal;
   font-display: swap;
 }
-/* .din {
-  font-family: D-DINExp !important;
-  font-size: 16px;
-  line-height: 24px;
-  font-weight: normal;
-  font-style: normal;
-  font-variant: normal;
-  text-transform: none;
-  font-synthesis: none;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-text-size-adjust: 100%;
-} */
 
 @font-face {
-  font-family: "D-DINExp-Bold-number";
-  src: url("data:font/woff;charset=utf-8;base64,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")
+  font-family: "D-DINExp-number";
+  src: url("data:font/woff;charset=utf-8;base64,d09GRgABAAAAAAeAAA4AAAAAChgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAHZAAAABwAAAAcpu3k3kdERUYAAAdIAAAAHAAAAB4AJwAVT1MvMgAAAbwAAABGAAAAYFW0XzljbWFwAAACQAAAAFcAAAFKIWMcBmN2dCAAAAKYAAAABAAAAAQAIQJ5Z2FzcAAAB0AAAAAIAAAACP//AANnbHlmAAACvAAAAyMAAAQAMprIrWhlYWQAAAFEAAAANgAAADYlrP0uaGhlYQAAAXwAAAAeAAAAJAUjAj1obXR4AAACBAAAADoAAAA8GMgCkmxvY2EAAAKcAAAAIAAAACAGLgdcbWF4cAAAAZwAAAAfAAAAIABUAGhuYW1lAAAF4AAAAS4AAAIfBpkWpXBvc3QAAAcQAAAAMAAAAEAAUADEAAEAAAABAAAJXUhBXw889QAfA+gAAAAA4RyTgAAAAADjMiYXACH/9gIKArwAAAAIAAIAAAAAAAB42mNgZGBg2vv/K0MUkwUDEDBxMTAyoAJ+AGE9A2UAAHjaY2BkYGDgZzBnYGYAASYgZmQAiTkw6IEEAApYAL0AeNpjYGG8xjiBgZWBgamLaQ8DA0MPhGZ8wGDIyAQUZWBlZoABRgYkEJDmmsLQwKDHYMWs8N+CIYppLwM3mhoFBkYAWDYKmQAAeNpjzGFQZAACRl8gcYzBgEmVwZYxi0GXSYjBHMi2YDJh0GaSYLBl0mAwZ3zJoMpkAWGD1AIAyhYHbwAAeNrdjUkKgEAMBCtxHHdf4AM8DZ49+/+TvifGBUGfYEGnKWgIkHFlQDhY3OT0wOgdvQUlMZu5JyYz22y9945EHhH1o7yRj/uLkMeirOqm7Xr+wA5fIgmfAAAhAnkAAAAqACoAKgA2AF4AcACeANwA9gEmAVoBbgG8Ae4CAHjaVVNLTBNRFL1vKi0M0kpLWxWxToefJZS2r/MrLS0QGE1UKC3YtNRKtY2x8jExBlA+MTFu2Jm40IVLgxukmJgYF6x0o3GBSyVxY/zElYkLI4NvpqXq5uXOzbx7fu8CBQwAclH3QQcGcK8j6AoWDfvgu29dX/U+WNRRpIR1ndquUttFgx79DhaR2sf1TH0brmcZVPP51Svq/k6eoRJkHHgA4B4UyEwQsJX15POFAgAFod2f6Cv1AmrhEICtNYT8vM/WhBr0rTypW1mnnnzY8OqVK+8mJ9sD3b2R7u4IvbSwNb+wML+1sBQdTW+mR7UDVJxOcjRSRdADWAycQKhs3r2bSlFD4xPnds6A9o9Ajm2C2US4oB5UwWE5P499R5EKb0KMlRFht80RkcRQYiYTyWCX9w1yK8mTiHGFm/f7RJGvNcez7hhvwmP+L8PabLGsx11Sg60NNp+mpANxuFT9hdKEGkqA7OrVRO/NvoH+4+2hSOhacGwyOzHJuQXpep5Ox+kaDw4KFjEwLGKjj/N76dp4Jh0z+U9azPGQOXlJxe4ghtJEuxGghbWyHMNZsA5z2IopOpZS3n5Lf3uXii0vL0fRR8WxsaHeUf3/QO4wf/liX9kRA1tPTLD2oDJT9tHls8HAXDDQJhoT6Jby1j7YlsrN5Ojs6eoql3iH7R8gwS9GX9sbp3IdF6fVfAUy/weZ3wDOvXwFwkqdWdb9TwAEe23W0bJ64Ymxs1FK4rlcSJZ7QgNykJ4at3kTEjqsbFfTOCkdzEwP9Ut2sa83YJf6iI4WIuZlKXdkRSxiOPRS+TWODMpzqhjdeUhNREk+Ok3vDsnnCLiArzByqxx6UJnSXiLm/56guRJeg+3ZPO/v8PjPLWb8Xhfmb+SkcEQUImExLMuLskxfTpqkmM1yylvHjXR2jnB13lMWW1wwJQvogegxdfF8l8kjKk/D4gEhHBYOiGHNK8L9B+FmAQep9KxTo1V5Jzr2XwoofkzQLMrPOpofZ9cG5Xn5BHKaS+aU7FI+ofOaQZpVoGJ4wAv30Iq222Ahm2gtbWM+j1YKt8lK/gFTBOCZAHjahY7BSsNAFEXvtEklG4Xu3OiALlpowjSli3YhQiC4ruja0IZJICQlnS6ShZ/g0s/wm/wUb9LRjYsODO/Mffe9uQAu8QWB07nFo2UBD8byABf4sDzEPb4tO/DEtWUXVyKyPKKu6RSOx9dDP9WxwBhvlgf8993yEE/4tOxgLFzLLm7EneUR9WdEqLBHgxo5NDImlJhgiylrCMW7wIzcsF/S0bK29CX9C1G1b+pcZ0ZOtlMZqnAxk01e6jZvs6Sk4YU+wxmDAil2mFMqTW6KdEfcUNM4spcwATapPhYJIWaqbq6rNR1pnyZgHok17/+tJ30JHyve3+SIq9LEVa1TGQZKruXf3+Slv/K7xOdCvlKrcWC/CyW5WtER9FWxndaHvCqlUvNAKXVm2w+RMVQXAAB42m3DwQmAIAAAwMsFItK0tCXavflKfHtwguF7PWbWfhFsdlFyyIrTpWruH3fkAxQAAAAB//8AAnjaY2BkYGDgAWIxIGZiYARCPiBmAfMYAAQ4AD0AAAABAAAAAOKfK0YAAAAA4RyTgAAAAADjMiYX")
     format("woff");
   font-weight: normal;
   font-style: normal;
@@ -31,9 +17,9 @@
 
 @font-face {
   font-family: "D-DINExp-number";
-  src: url("data:font/woff;charset=utf-8;base64,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")
+  src: url("data:font/woff;charset=utf-8;base64,d09GRgABAAAAAAdAAA4AAAAACbAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAHJAAAABsAAAAcl91OHkdERUYAAAcIAAAAHAAAAB4AJwATT1MvMgAAAbgAAABGAAAAYFW2X3xjbWFwAAACNAAAAE0AAAFCDh8Y/GN2dCAAAAKEAAAABAAAAAQAIQJ5Z2FzcAAABwAAAAAIAAAACP//AANnbHlmAAACpAAAAvkAAAOwnaynBWhlYWQAAAFEAAAANAAAADYjr2qsaGhlYQAAAXgAAAAeAAAAJAU7AkVobXR4AAACAAAAADQAAAA0F8YB+mxvY2EAAAKIAAAAHAAAABwE7gXabWF4cAAAAZgAAAAfAAAAIABSAGhuYW1lAAAFoAAAAS4AAAIfBpkWpXBvc3QAAAbQAAAALQAAADwABgCseNpjYGRgYADihqOv5sfz23xlkGd+ARRheCgzuQFKT2VQ/P+VSYlpL5DLwcAEEgUAdJ4MsXjaY2BkYGDa+/8rQxSTEwMQMCkxMDKgAl4AY/0DhQAAeNpjYGRgYOBlMGdgZgABJiBmZACJOTDogQQACiIAuwB42mNgYZJinMDAysDA1MW0h4GBoQdCMz5gMGRkAooysDIzwAAjAxIISHNNYWhgMGCwZFb4b8EQxbSXgRtNjQIDIwAUaQnfAAABbAAhAAAAAAFNAAACNAA3AXsAJAIgADICKwAyAkEAJwIjADcCOQAyAfsAIQJCADcCOQAyeNpjYGBgZoBgGQZGBhCwAfIYwXwWBgUgzQKEIL7l//9A0uD///+XoSoZGNkYYEwGRiYgwcSAChgZMAAzCysbOwcnFzcPw7AAALcVBz4AAAAAIQJ5AAAAKgAqACoAUgBkAJIA0gDsARwBSgFcAaoB2HjaZZJNTBNBGIZnttBCFlqWskVFfrYLXUu703amu/0BqvEAmKgEFUswAgo2FaGVYhogVAmNGk30wo2DicSDHkyk0fiTmHggcvJgTDip4WLCxYsG40EWZ9sGSdzDl9kvu9/zzvt+gAECALCVWQIGYAJoBQJPe85UAr7jFWPp5/acgaFHsGLQ26V6O2cywj/tOaj3CSdwEuFEAZZvrq0xS9sxgekHgAGBnS3GxLwFFWA/AAHFrxJsq4c1RtHerHZAv8NupG82EkinrtFnEzYizzhC6o/1mbm5mfXMfKqr51VPZyctXYDKA820hJkcMAJgNSkBiny5uJjNMs6+29HtkyD/DablN2XWUyKMQB0j6hwxj2+AOt8CBV5QISMcUJDsz0zHO+OBVvcbyGmROKxpIg3sIeSWqvb1XfL1hyqVs+7VqcLsnS2o0dleAGyODkh4Kh7nb+KCSvG0B5a/q6mAFB+nZ2lLDYUlB1Ew8uDp1Fg87fMogcwYe+EcWyY5fW6LR066nRWSq1UqLz8/Mnym0tvNV59qqxqc0PkSNdVO728GoEXkRUVQrMRAFMITxn44q619ufX1efZwIpGYgh81z/Ky/g/NAP6i/wj/aaZKTSJHneB3c3mazhCXDxNvk7diCj7QPuHuocvTE+zg6bKSRilIGpVgXS28c/VhS3LUEUvpGVNPGI7O53THdYI/QEXtTiwkUAj62XWcu//ooDyQWEiQcDgWCrHJkZrj/ZBo38xXBvjRVNKPqhHGshX5de36Tm4U8oa8QbQKCtz4eXNLW2Vyqe13zJEU3VZ9x3iaSR1wArWoQA0gHRuBxbyLGTD/AqImVO9dwdcLBDncauxuTJUdCC9EMJERwR5/OBxvCytscsiMe23WbsQGo15vNMjKx6y1vV7zcBI+kSXW4XI5WEnW3hNkcWPstiCS94YWjmrLewPp2ufFFawxGcS9CuDRRudAYj45eYPk7r0Ihag5sM48Tk2ZTF7kT0S1D3CWUF+IH3GI/AXzqs9aAAAAeNqFjsFKw0AURe+0SSUbhe7c6IAuWmjCNKWLdiFCILiu6NrQhkkgJCWdLpKFn+DSz/Cb/BRv0tGNiw4M78x99725AC7xBYHTucWjZQEPxvIAF/iwPMQ9vi078MS1ZRdXIrI8oq7pFI7H10M/1bHAGG+WB/z33fIQT/i07GAsXMsubsSd5RH1Z0SosEeDGjk0MiaUmGCLKWsIxbvAjNywX9LRsrb0Jf0LUbVv6lxnRk62UxmqcDGTTV7qNm+zpKThhT7DGYMCKXaYUypNbop0R9xQ0ziylzABNqk+FgkhZqpurqs1HWmfJmAeiTXv/60nfQkfK97f5Iir0sRVrVMZBkqu5d/f5KW/8rvE50K+UqtxYL8LJbla0RH0VbGd1oe8KqVS80ApdWbbD5ExVBcAAHjaY2BiAIP/zQxGDNgALxAzMjAxCDOIMIgyiDGIM0gwSDJIMUgzyAAAYlICsgAAAAAAAAH//wACeNpjYGRgYOABYjEgZmJgBEIeIGYB8xgABCIAO3jaY2BgYGQAgqtL1DlA9EOZyQ1QeioAO9wF3wA=")
     format("woff");
-  font-weight: normal;
+  font-weight: bold;
   font-style: normal;
   font-display: swap;
 }
@@ -42,27 +28,48 @@
   font-family: "D-DINCondensed-number";
   src: url("data:font/woff;charset=utf-8;base64,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")
     format("woff");
+  /* src: url("../fonts/D-DINExp/D-DINCondensed-number.ttf") format("truetype"); */
+  font-weight: normal;
   font-style: normal;
   font-display: swap;
 }
-/* @font-face {
-  font-family: D-DINCondensed-number;
-  src: url("./D-DINCondensed-number.ttf") format("truetype");
+
+/* font-family: "Iosevka Curly", HYYouYuan; */
+@font-face {
+  font-family: "Iosevka Curly";
+  src: local("Iosevka Curly Medium"),
+    url("../fonts/IosevkaCurly/iosevka-curly-medium.woff2"),
+    url("https://raw.githubusercontent.com/liangjingkanji/liangjingkanji/master/font/iosevka-curly/iosevka-curly-medium.woff2")
+      format("woff2");
+  font-display: swap;
   font-weight: normal;
   font-style: normal;
+}
+@font-face {
+  font-family: "Iosevka Curly";
+  src: local("Iosevka Curly Bold"),
+    url("../fonts/IosevkaCurly/iosevka-curly-bold.woff2"),
+    url("https://raw.githubusercontent.com/liangjingkanji/liangjingkanji/master/font/iosevka-curly/iosevka-curly-bold.woff2")
+      format("woff2");
+  font-display: swap;
+  font-weight: bold;
+  font-style: normal;
+}
+@font-face {
+  font-family: "HYYouYuan";
+  src: local("HYYouYuan-55W"), url("../fonts/HYYouYuan/HYYouYuan-55W.ttf"),
+    url("https://raw.githubusercontent.com/liangjingkanji/liangjingkanji/master/font/HYYouYuan/HYYouYuan-55W.ttf")
+      format("truetype");
   font-display: swap;
-} */
-/* .din-condensed-number {
-  font-family: D-DINCondensed-number !important;
-  font-size: 16px;
-  line-height: 24px;
   font-weight: normal;
   font-style: normal;
-  font-variant: normal;
-  text-transform: none;
-  font-synthesis: none;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-text-size-adjust: 100%;
-} */
+}
+@font-face {
+  font-family: "HYYouYuan";
+  src: local("HYYouYuan-75W"), url("../fonts/HYYouYuan/HYYouYuan-75W.ttf"),
+    url("https://raw.githubusercontent.com/liangjingkanji/liangjingkanji/master/font/HYYouYuan/HYYouYuan-75W.ttf")
+      format("truetype");
+  font-display: swap;
+  font-weight: bold;
+  font-style: normal;
+}

package/dist/css/media.css

@@ -0,0 +1,65 @@
+/* 设备断点 */
+@media (max-width: 375px) {
+}
+
+@media (max-width: 640px) {
+}
+
+/* 移动设备断点 */
+@media (max-width: 768px) {
+}
+
+/* 桌面电脑断点 */
+@media (max-width: 1024px) {
+}
+@media (min-width: 1024px) {
+}
+
+@media (min-width: 1216px) {
+}
+
+@media (max-width: 1280px) {
+}
+
+@media (max-width: 1408px) {
+}
+
+@media (max-width: 1536px) {
+}
+
+@media (max-width: 1792px) {
+}
+
+@media (max-width: 2048px) {
+}
+
+@media (max-width: 2404px) {
+}
+
+@supports (display: grid) {
+}
+
+@supports not (display: grid) {
+}
+
+/*
+While scrolling in a page, your finger can accidentally do a half-tap which will trigger the hover state of a specific element.
+While the user is scrolling, a hover was triggered. At this point, the user didn't mean to do that at all since there is no hover on mobile.
+The solution for this is to use the hover media query. It's possible to detect if the user's current input tool (trackpad vs mouse) can hover over elements.
+https://developer.mozilla.org/en-US/docs/Web/CSS/@media/hover
+*/
+@media (hover: hover) {
+  /* .a:hover {} */
+}
+
+@media (orientation: landscape) {
+}
+
+@media (min-device-pixel-ratio: 2) {
+}
+@media (min-resolution: 2dppx) {
+}
+@media (min-device-pixel-ratio: 3) {
+}
+@media (min-resolution: 3dppx) {
+}