yss-project/src/styles/_variables.scss

// iOS风格变量定义

// 颜色
$ios-primary: #007AFF;
$ios-background: #FFFFFF;
$ios-background-secondary: #F2F2F7;
$ios-background-tertiary: #FFFFFF;
$ios-border: #C6C6C8;
$ios-text-primary: #000000;
$ios-text-secondary: #8E8E93;
$ios-text-tertiary: #C7C7CC;
$ios-error: #FF3B30;

// 字体大小
$ios-font-size-xs: 12px;
$ios-font-size-sm: 14px;
$ios-font-size-md: 16px;
$ios-font-size-lg: 18px;
$ios-font-size-xl: 20px;

// 字体粗细
$ios-font-weight-light: 300;
$ios-font-weight-normal: 400;
$ios-font-weight-medium: 500;
$ios-font-weight-semibold: 600;
$ios-font-weight-bold: 700;

// 间距
$ios-spacing-xs: 4px;
$ios-spacing-sm: 8px;
$ios-spacing-md: 16px;
$ios-spacing-lg: 24px;
$ios-spacing-xl: 32px;

// 圆角
$ios-radius-sm: 4px;
$ios-radius-md: 8px;
$ios-radius-lg: 12px;
$ios-radius-xl: 16px;

// 兼容旧的变量名
$ios-border-radius-sm: $ios-radius-sm;
$ios-border-radius-md: $ios-radius-md;
$ios-border-radius-lg: $ios-radius-lg;
$ios-border-radius-xl: $ios-radius-xl;