38 lines
1.2 KiB
SCSS
38 lines
1.2 KiB
SCSS
/* uni.scss - 全局样式变量 */
|
|
|
|
/* ── 主题色系 ───────────────────────────────────────────── */
|
|
$primary-color: #a9bfcc;
|
|
$primary-dark: #7ba5be;
|
|
$primary-light: #c8d8e4;
|
|
$primary-bg: #f0f6f9;
|
|
$primary-border: #d8eaf4;
|
|
$primary-selected-bg: #EFF6F9;
|
|
|
|
/* ── 通用 ─────────────────────────────────────────────── */
|
|
$brand-color: #4A4035;
|
|
$brand-light: #c8d8e4;
|
|
$accent-color: #7ba5be;
|
|
$text-primary: #4A4035;
|
|
$text-secondary: #7A6A5A;
|
|
$text-hint: #A09080;
|
|
$bg-page: #FAF8F5;
|
|
$bg-card: #ffffff;
|
|
$border-color: rgba(180, 160, 130, 0.2);
|
|
$success-color: #7A9E7E;
|
|
$warning-color: #e8a87c;
|
|
$error-color: #C47A7A;
|
|
$radius-sm: 8rpx;
|
|
$radius-md: 16rpx;
|
|
$radius-lg: 24rpx;
|
|
$spacing-xs: 8rpx;
|
|
$spacing-sm: 16rpx;
|
|
$spacing-md: 24rpx;
|
|
$spacing-lg: 32rpx;
|
|
$spacing-xl: 48rpx;
|
|
|
|
/* ── Shimmer animation ──────────────────────────────────── */
|
|
@keyframes shimmer {
|
|
0% { background-position: 100% 0; }
|
|
100% { background-position: -100% 0; }
|
|
}
|