76 lines
1.8 KiB
SCSS
76 lines
1.8 KiB
SCSS
// ============================================
|
|
// 山峡化工小程序 - 全局样式变量
|
|
// 视觉规范见 docs/miniprogram-ui-spec-sanqiang.md
|
|
// ============================================
|
|
|
|
$brand-primary: #0a9f6d;
|
|
$brand-gradient: linear-gradient(135deg, #0a9f6d 0%, #087f57 100%);
|
|
$brand-light: #e9f9f2;
|
|
|
|
$client-primary: $brand-primary;
|
|
$client-gradient: $brand-gradient;
|
|
$client-light: $brand-light;
|
|
|
|
$supplier-primary: #ff976a;
|
|
$supplier-gradient: linear-gradient(135deg, #ff976a 0%, #ff4444 100%);
|
|
$supplier-light: #fff7e8;
|
|
|
|
$deliverer-primary: #ee0a24;
|
|
$deliverer-gradient: linear-gradient(135deg, #ee0a24 0%, #ff976a 100%);
|
|
$deliverer-light: #fff1f0;
|
|
|
|
$primary-color: $brand-primary;
|
|
$accent-green: #087f57;
|
|
|
|
$success-color: #0a9f6d;
|
|
$warning-color: #d6a343;
|
|
$danger-color: #ee0a24;
|
|
$info-color: #909399;
|
|
|
|
$text-primary: #303133;
|
|
$text-regular: #606266;
|
|
$text-secondary: #909399;
|
|
$text-placeholder: #c0c4cc;
|
|
|
|
$border-color: #e4e7ed;
|
|
$border-light: #f5f7fa;
|
|
$divider-color: #ebeef5;
|
|
|
|
$bg-white: #ffffff;
|
|
$bg-gray-100: #f5f7fa;
|
|
$bg-gray-200: #ebeef5;
|
|
$bg-gray-300: #e4e7ed;
|
|
|
|
$radius-small: 8rpx;
|
|
$radius-medium: 12rpx;
|
|
$radius-large: 16rpx;
|
|
$radius-round: 999rpx;
|
|
|
|
$spacing-xs: 10rpx;
|
|
$spacing-sm: 16rpx;
|
|
$spacing-md: 20rpx;
|
|
$spacing-lg: 24rpx;
|
|
$spacing-xl: 32rpx;
|
|
|
|
$font-size-xs: 22rpx;
|
|
$font-size-sm: 24rpx;
|
|
$font-size-base: 28rpx;
|
|
$font-size-md: 30rpx;
|
|
$font-size-lg: 32rpx;
|
|
$font-size-xl: 36rpx;
|
|
|
|
$shadow-light: 0 2rpx 8rpx rgba(0, 0, 0, 0.08);
|
|
$shadow-medium: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
|
|
$shadow-heavy: 0 8rpx 24rpx rgba(0, 0, 0, 0.15);
|
|
|
|
$transition-fast: 0.15s ease;
|
|
$transition-normal: 0.25s ease;
|
|
$transition-slow: 0.4s ease;
|
|
|
|
$z-index-dropdown: 100;
|
|
$z-index-sticky: 200;
|
|
$z-index-fixed: 300;
|
|
$z-index-modal: 400;
|
|
$z-index-popover: 500;
|
|
$z-index-toast: 600;
|