stash
95b6cedb06
- 组件库 Input：聚焦只用边框变主色，不再叠加 outline（文本框点击也会命中 :focus-visible） - 页面全局 :focus-visible 收窄到非表单控件，避免覆盖输入框自身的 outline 处理 - 搜索框恢复旧版浅边框 + 卡片阴影，聚焦不追加边框/焦点环 - Layout 新增 hideScrollbar，内容区滚动条隐藏（旧版行为）
58 lines
1.2 KiB
CSS
58 lines
1.2 KiB
CSS
/* 页面级基础：字号 / 字体 / 重置。颜色与间距全部来自 @stash/ui 的令牌。 */
|
||
|
||
:root {
|
||
font-family: var(--su-font-sans);
|
||
font-size: var(--su-font-size-md);
|
||
line-height: var(--su-line-height-md);
|
||
color: var(--su-text-main);
|
||
background-color: var(--su-bg-page);
|
||
color-scheme: light;
|
||
-webkit-font-smoothing: antialiased;
|
||
-moz-osx-font-smoothing: grayscale;
|
||
}
|
||
|
||
* {
|
||
box-sizing: border-box;
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
html,
|
||
body,
|
||
#root {
|
||
min-height: 100%;
|
||
}
|
||
|
||
a {
|
||
color: inherit;
|
||
text-decoration: none;
|
||
}
|
||
|
||
button {
|
||
font: inherit;
|
||
color: inherit;
|
||
border: none;
|
||
background: none;
|
||
}
|
||
|
||
ul,
|
||
ol {
|
||
list-style: none;
|
||
}
|
||
|
||
/* 键盘焦点环由组件库统一提供；这里只给「非表单控件」补兜底。
|
||
表单控件不能加全局 outline：输入框点击时也会命中 :focus-visible，
|
||
会和组件自己的边框态叠成「双框」（用户实际报过的 bug）。 */
|
||
a:focus-visible,
|
||
button:focus-visible,
|
||
[tabindex]:not(input):focus-visible {
|
||
outline: var(--su-focus-ring);
|
||
outline-offset: var(--su-focus-ring-offset);
|
||
}
|
||
|
||
input:focus-visible,
|
||
textarea:focus-visible,
|
||
select:focus-visible {
|
||
outline: none;
|
||
}
|