52 lines
1.4 KiB
SCSS
52 lines
1.4 KiB
SCSS
/**
|
|
* Google Stitch MCP · VitalMint Health
|
|
* 设计 token 与 stitch-weekly.html tailwind.config 一一对应
|
|
*/
|
|
|
|
.stitch-vitalmint {
|
|
--primary: #006c49;
|
|
--on-primary: #ffffff;
|
|
--on-primary-fixed-variant: #005236;
|
|
--primary-container: #10b981;
|
|
--on-primary-container: #00422b;
|
|
--inverse-primary: #4edea3;
|
|
|
|
--surface: #f4fbf4;
|
|
--on-surface: #161d19;
|
|
--on-surface-variant: #3c4a42;
|
|
--surface-container-lowest: #ffffff;
|
|
--surface-container-low: #eef6ee;
|
|
--surface-container: #e8f0e9;
|
|
--surface-container-high: #e3eae3;
|
|
--surface-container-highest: #dde4dd;
|
|
--surface-variant: #dde4dd;
|
|
|
|
--outline: #6c7a71;
|
|
--outline-variant: #bbcabf;
|
|
|
|
--error: #ba1a1a;
|
|
--on-error-container: #93000a;
|
|
--error-container: #ffdad6;
|
|
--tertiary: #a43a3a;
|
|
--tertiary-container: #fc7c78;
|
|
--on-tertiary: #ffffff;
|
|
--on-tertiary-container: #711419;
|
|
|
|
--st-container-margin: 40rpx;
|
|
--st-section-gap: 64rpx;
|
|
--st-card-padding: 40rpx;
|
|
--st-stack-gap: 32rpx;
|
|
--st-inline-gap: 24rpx;
|
|
--st-radius-2xl: 48rpx;
|
|
--st-radius-xl: 24rpx;
|
|
--st-radius-lg: 16rpx;
|
|
--st-shadow-ambient: 0 20rpx 60rpx -20rpx rgba(0, 108, 73, 0.08);
|
|
}
|
|
|
|
.weekly-page.stitch-vitalmint {
|
|
min-height: 100vh;
|
|
background: var(--surface);
|
|
color: var(--on-surface);
|
|
padding-bottom: calc(200rpx + env(safe-area-inset-bottom));
|
|
}
|