63 lines
1.2 KiB
CSS
63 lines
1.2 KiB
CSS
*,
|
|
*::before,
|
|
*::after {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
html,
|
|
body,
|
|
#root {
|
|
height: 100%;
|
|
}
|
|
|
|
html {
|
|
/* stylelint-disable property-no-vendor-prefix */
|
|
-webkit-text-size-adjust: 100%;
|
|
-webkit-tap-highlight-color: transparent;
|
|
/* stylelint-enable property-no-vendor-prefix */
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
background: var(--bg);
|
|
color: var(--text);
|
|
font-family: var(--font-sans);
|
|
font-size: 15px;
|
|
line-height: 1.6;
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
|
|
button,
|
|
input,
|
|
textarea {
|
|
font: inherit;
|
|
color: inherit;
|
|
}
|
|
|
|
/* 去掉触屏的双击缩放延迟 */
|
|
button,
|
|
input,
|
|
textarea,
|
|
summary,
|
|
[role="radio"] {
|
|
touch-action: manipulation;
|
|
}
|
|
|
|
/* iOS Safari 对小于 16px 的输入框聚焦时会自动放大页面。各组件自己的样式(如登录页的 14px)优先级更高,所以这里用 !important 兜底 */
|
|
@media (pointer: coarse) {
|
|
input:not([type="checkbox"], [type="radio"], [type="range"], [type="color"]),
|
|
textarea,
|
|
select {
|
|
font-size: 16px !important;
|
|
}
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
::view-transition-old(*),
|
|
::view-transition-new(*),
|
|
::view-transition-group(*) {
|
|
animation-duration: 0s !important;
|
|
animation-delay: 0s !important;
|
|
}
|
|
}
|