551d19d921
- tokens.scss: 修正字号 token 对齐 18 份原型稿 fontSize 统计
--tk-font-h1: 26→28px, --tk-font-h2: 24→22px
--tk-font-body-lg: 28→18px, --tk-font-body: 22→16px
--tk-font-body-sm: 16→14px
elder-mode 同步重新计算比例系数
- ContentCard: 新增 margin prop ('none'|'md')，margin-bottom
从 CSS 类移至 inline style，支持列表容器内无间距模式
- Profile 页: 用户卡片添加 profile-user-card flex 布局
菜单组/积分卡片使用 margin="none"，修复布局对齐
- Login 页: SCSS 全部改为 design token 引用
34 lines
657 B
SCSS
34 lines
657 B
SCSS
@import '../../../styles/variables.scss';
|
|
|
|
.content-card {
|
|
background: var(--tk-card-bg);
|
|
border-radius: var(--tk-card-radius);
|
|
box-shadow: $shadow-sm;
|
|
transition: background 0.15s, opacity 0.15s, transform 0.15s;
|
|
|
|
&--outlined {
|
|
box-shadow: none;
|
|
border: 1px solid $bd;
|
|
}
|
|
|
|
&--elevated {
|
|
box-shadow: $shadow-md;
|
|
}
|
|
|
|
&--pressable {
|
|
cursor: pointer;
|
|
}
|
|
|
|
&--feedback-bg.content-card--pressable:active {
|
|
background: $bd-l;
|
|
}
|
|
|
|
&--feedback-opacity.content-card--pressable:active {
|
|
opacity: var(--tk-touch-feedback-opacity);
|
|
}
|
|
|
|
&--feedback-scale.content-card--pressable:active {
|
|
transform: scale(0.98);
|
|
}
|
|
}
|