refactor(styles): 建立统一的生产级样式体系 (#4)
## 变更内容 - 将全局样式拆分为设计令牌、基础规则和语义组件层 - 集中管理 Naive UI 主题配置 - 迁移页面容器、表单、信息面板和按钮等重复样式 - 增加样式体系文档与自动契约检查 ## 验证 - `npm run check:styles` - `npm run build`Reviewed-on: #4
This commit was merged in pull request #4.
This commit is contained in:
@@ -0,0 +1,27 @@
|
||||
@layer base {
|
||||
html,
|
||||
body,
|
||||
#app {
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
color: var(--oc-color-text);
|
||||
background:
|
||||
linear-gradient(180deg, rgb(15 23 42 / 2%), rgb(15 23 42 / 0%)),
|
||||
var(--oc-color-canvas);
|
||||
font-family: var(--oc-font-sans);
|
||||
}
|
||||
|
||||
::selection {
|
||||
background: var(--oc-color-selection);
|
||||
}
|
||||
}
|
||||
|
||||
@layer utilities {
|
||||
/* The atlas language is square by default. Documented exceptions may opt out. */
|
||||
[class~='rounded'],
|
||||
[class*='rounded-'] {
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user