@scribdown/ui-handdrawn 0.1.0 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/src/styles/frontmatter.css +54 -0
- package/src/styles.css +3 -0
package/package.json
CHANGED
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
/* Frontmatter 元数据卡片：文档头部 YAML 键值对展示。
|
|
2
|
+
手绘边框由 .scribdown-frame 基底提供（渲染器输出时显式 opt-in），
|
|
3
|
+
本文件仅负责底色、留白与键值列表排版。 */
|
|
4
|
+
.scribdown-markdown .scribdown-frontmatter {
|
|
5
|
+
margin: 0 0 var(--scribdown-space-6);
|
|
6
|
+
padding: var(--scribdown-space-3) var(--scribdown-space-4) var(--scribdown-space-4);
|
|
7
|
+
background: var(--scribdown-color-surface);
|
|
8
|
+
border-radius: var(--scribdown-radius-md);
|
|
9
|
+
box-shadow: var(--scribdown-shadow-sm);
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
/* 顶部 chrome：仅承载「元数据」标签，与正文列表拉开间距。 */
|
|
13
|
+
.scribdown-markdown .scribdown-frontmatter__chrome {
|
|
14
|
+
display: flex;
|
|
15
|
+
align-items: center;
|
|
16
|
+
margin-bottom: var(--scribdown-space-2);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
/* 标签样式与 mermaid / 代码块语言标签保持一致的手写标注感。 */
|
|
20
|
+
.scribdown-markdown .scribdown-frontmatter__label {
|
|
21
|
+
font-family: var(--scribdown-font-heading);
|
|
22
|
+
font-size: 13px;
|
|
23
|
+
font-weight: 700;
|
|
24
|
+
letter-spacing: 0.06em;
|
|
25
|
+
color: color-mix(in srgb, var(--scribdown-color-text-primary) 78%, transparent);
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
/* 键值列表：键列按内容宽度收缩，值列占满剩余空间。 */
|
|
29
|
+
.scribdown-markdown .scribdown-frontmatter__list {
|
|
30
|
+
display: grid;
|
|
31
|
+
grid-template-columns: max-content 1fr;
|
|
32
|
+
column-gap: var(--scribdown-space-4);
|
|
33
|
+
row-gap: var(--scribdown-space-1);
|
|
34
|
+
margin: 0;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.scribdown-markdown .scribdown-frontmatter__list dt {
|
|
38
|
+
font-family: var(--scribdown-font-code);
|
|
39
|
+
font-size: 0.88em;
|
|
40
|
+
font-weight: 600;
|
|
41
|
+
color: var(--scribdown-color-accent);
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.scribdown-markdown .scribdown-frontmatter__list dd {
|
|
45
|
+
margin: 0;
|
|
46
|
+
color: var(--scribdown-color-text-primary);
|
|
47
|
+
overflow-wrap: anywhere;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
/* 嵌套键值列表：对象类型的值向下展开一层，靠左侧细线体现层级。 */
|
|
51
|
+
.scribdown-markdown .scribdown-frontmatter__list--nested {
|
|
52
|
+
padding-left: var(--scribdown-space-3);
|
|
53
|
+
border-left: 2px solid color-mix(in srgb, var(--scribdown-color-border) 60%, transparent);
|
|
54
|
+
}
|