123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146 |
- // @use "sass:math";
- @import '../tools/functions.scss';
- // 间距基础倍数
- $uni-space-root: 2 !default;
- // 边框半径默认值
- $uni-radius-root:5px !default;
- $uni-radius: () !default;
- // 边框半径断点
- $uni-radius: map-deep-merge(
- (
- 0: 0,
- // TODO 当前版本暂时不支持 sm 属性
- // 'sm': math.div($uni-radius-root, 2),
- null: $uni-radius-root,
- 'lg': $uni-radius-root * 2,
- 'xl': $uni-radius-root * 6,
- 'pill': 9999px,
- 'circle': 50%
- ),
- $uni-radius
- );
- // 字体家族
- $body-font-family: 'Roboto', sans-serif !default;
- // 文本
- $heading-font-family: $body-font-family !default;
- $uni-headings: () !default;
- $letterSpacing: -0.01562em;
- $uni-headings: map-deep-merge(
- (
- 'h1': (
- size: 32px,
- weight: 300,
- line-height: 50px,
- // letter-spacing:-0.01562em
- ),
- 'h2': (
- size: 28px,
- weight: 300,
- line-height: 40px,
- // letter-spacing: -0.00833em
- ),
- 'h3': (
- size: 24px,
- weight: 400,
- line-height: 32px,
- // letter-spacing: normal
- ),
- 'h4': (
- size: 20px,
- weight: 400,
- line-height: 30px,
- // letter-spacing: 0.00735em
- ),
- 'h5': (
- size: 16px,
- weight: 400,
- line-height: 24px,
- // letter-spacing: normal
- ),
- 'h6': (
- size: 14px,
- weight: 500,
- line-height: 18px,
- // letter-spacing: 0.0125em
- ),
- 'subtitle': (
- size: 12px,
- weight: 400,
- line-height: 20px,
- // letter-spacing: 0.00937em
- ),
- 'body': (
- font-size: 14px,
- font-weight: 400,
- line-height: 22px,
- // letter-spacing: 0.03125em
- ),
- 'caption': (
- 'size': 12px,
- 'weight': 400,
- 'line-height': 20px,
- // 'letter-spacing': 0.03333em,
- // 'text-transform': false
- )
- ),
- $uni-headings
- );
- // 主色
- $uni-primary: #2979ff !default;
- $uni-primary-disable:lighten($uni-primary,20%) !default;
- $uni-primary-light: lighten($uni-primary,25%) !default;
- // 辅助色
- // 除了主色外的场景色,需要在不同的场景中使用(例如危险色表示危险的操作)。
- $uni-success: #18bc37 !default;
- $uni-success-disable:lighten($uni-success,20%) !default;
- $uni-success-light: lighten($uni-success,25%) !default;
- $uni-warning: #f3a73f !default;
- $uni-warning-disable:lighten($uni-warning,20%) !default;
- $uni-warning-light: lighten($uni-warning,25%) !default;
- $uni-error: #e43d33 !default;
- $uni-error-disable:lighten($uni-error,20%) !default;
- $uni-error-light: lighten($uni-error,25%) !default;
- $uni-info: #8f939c !default;
- $uni-info-disable:lighten($uni-info,20%) !default;
- $uni-info-light: lighten($uni-info,25%) !default;
- // 中性色
- // 中性色用于文本、背景和边框颜色。通过运用不同的中性色,来表现层次结构。
- $uni-main-color: #3a3a3a !default; // 主要文字
- $uni-base-color: #6a6a6a !default; // 常规文字
- $uni-secondary-color: #909399 !default; // 次要文字
- $uni-extra-color: #c7c7c7 !default; // 辅助说明
- // 边框颜色
- $uni-border-1: #F0F0F0 !default;
- $uni-border-2: #EDEDED !default;
- $uni-border-3: #DCDCDC !default;
- $uni-border-4: #B9B9B9 !default;
- // 常规色
- $uni-black: #000000 !default;
- $uni-white: #ffffff !default;
- $uni-transparent: rgba($color: #000000, $alpha: 0) !default;
- // 背景色
- $uni-bg-color: #f7f7f7 !default;
- /* 水平间距 */
- $uni-spacing-sm: 8px !default;
- $uni-spacing-base: 15px !default;
- $uni-spacing-lg: 30px !default;
- // 阴影
- $uni-shadow-sm:0 0 5px rgba($color: #d8d8d8, $alpha: 0.5) !default;
- $uni-shadow-base:0 1px 8px 1px rgba($color: #a5a5a5, $alpha: 0.2) !default;
- $uni-shadow-lg:0px 1px 10px 2px rgba($color: #a5a4a4, $alpha: 0.5) !default;
- // 蒙版
- $uni-mask: rgba($color: #000000, $alpha: 0.4) !default;
|