59 lines
1.4 KiB
CSS
59 lines
1.4 KiB
CSS
/**
|
||
* teacher-portal 全局样式
|
||
*
|
||
* 引入 @edu/ui-tokens 三层设计令牌（primitive → semantic → tailwind-theme）
|
||
* 维护者：ai13（teacher-portal）
|
||
* 关联：project_rules §3.10、02-architecture-design.md §9
|
||
*
|
||
* 禁止规则（ESLint + project_rules §3.10）：
|
||
* - 禁止 #hex 字面量（用 hsl(var(--*)) 或 Tailwind bg-* 类）
|
||
* - 禁止 'Inter'/'Fraunces'/'JetBrains Mono' 字面量（用 var(--font-family-*))
|
||
* - 禁止 font-size: Npx（用 var(--font-size-*) 或 Tailwind text-* 类）
|
||
* - 禁止 Tailwind 任意值 w-[Npx]（用 --space-* 或默认阶梯）
|
||
*/
|
||
|
||
@import "@edu/ui-tokens/all.css";
|
||
|
||
@tailwind base;
|
||
@tailwind components;
|
||
@tailwind utilities;
|
||
|
||
@layer base {
|
||
html,
|
||
body {
|
||
background: var(--bg-paper);
|
||
color: var(--color-ink);
|
||
font-family: var(--font-family-sans);
|
||
-webkit-font-smoothing: antialiased;
|
||
-moz-osx-font-smoothing: grayscale;
|
||
}
|
||
|
||
h1,
|
||
h2,
|
||
h3,
|
||
h4,
|
||
h5,
|
||
h6 {
|
||
font-family: var(--font-family-serif);
|
||
font-weight: var(--font-weight-semibold);
|
||
letter-spacing: var(--letter-spacing-tight);
|
||
}
|
||
}
|
||
|
||
@layer components {
|
||
/* 纸感分隔线 */
|
||
.rule {
|
||
border-top: 1px solid var(--color-rule);
|
||
}
|
||
|
||
.rule-thin {
|
||
border-top: 2px solid var(--color-rule);
|
||
}
|
||
|
||
/* 左侧竖线标记（节点展开样式） */
|
||
.mark-left {
|
||
border-left: 2px solid var(--color-rule);
|
||
padding-left: var(--space-md);
|
||
}
|
||
}
|