|
1 | 1 | // ============================================================ |
2 | | -// landing-search —— 首页 ⌘K 搜索弹窗样式。 |
3 | | -// 复用文档站 pig/_search.scss 的全部规则,此处仅把它引用的 |
4 | | -// --bs-* / --pig-* 变量桥接到 landing-v3.css 的主题令牌上。 |
| 2 | +// landing-search —— 首页 OINK 0.3 命令面板样式。 |
| 3 | +// 复用主题 shell/search.scss,只把它引用的 Bootstrap / shell 变量 |
| 4 | +// 桥接到 landing-v3.css 的首页主题令牌上。 |
5 | 5 | // ============================================================ |
6 | 6 |
|
7 | 7 | html[data-theme] { |
8 | 8 | --bs-border-color: var(--line); |
9 | 9 | --bs-body-bg: var(--bg); |
10 | 10 | --bs-body-color: var(--ink); |
11 | | - --pig-popover: var(--bg-elev); |
12 | | - --pig-muted-fg: var(--ink-mute); |
13 | | - --pig-primary: var(--pg); |
14 | | - --pig-primary-dim: color-mix(in srgb, var(--pg) 11%, transparent); |
15 | | - --pig-shadow-lg: var(--shadow-md); |
16 | | - --pig-ease-dialog: cubic-bezier(0.16, 1, 0.3, 1); |
| 11 | + --td-shell-popover: var(--bg-elev); |
| 12 | + --td-shell-muted-fg: var(--ink-mute); |
| 13 | + --td-shell-primary: var(--pg); |
| 14 | + --td-shell-primary-dim: color-mix(in srgb, var(--pg) 11%, transparent); |
| 15 | + --td-shell-shadow-lg: var(--shadow-md); |
| 16 | + --td-shell-ease-dialog: cubic-bezier(0.16, 1, 0.3, 1); |
17 | 17 | } |
18 | 18 |
|
19 | | -html[data-pig-lock] { |
| 19 | +html[data-td-shell-lock] { |
20 | 20 | overflow: hidden; |
21 | 21 | } |
22 | 22 |
|
23 | | -@import 'pig/search'; |
| 23 | +.visually-hidden { |
| 24 | + position: absolute !important; |
| 25 | + width: 1px !important; |
| 26 | + height: 1px !important; |
| 27 | + padding: 0 !important; |
| 28 | + margin: -1px !important; |
| 29 | + overflow: hidden !important; |
| 30 | + clip: rect(0, 0, 0, 0) !important; |
| 31 | + white-space: nowrap !important; |
| 32 | + border: 0 !important; |
| 33 | +} |
| 34 | + |
| 35 | +@import 'td/shell/search'; |
0 commit comments