/* Transition
-------------------------- */
$--all-transition: all .3s cubic-bezier(.645, .045, .355, 1) !default;
$--fade-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) !default;
$--fade-linear-transition: opacity 200ms linear !default;
$--md-fade-transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1),
opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) !default;
$--border-transition-base: border-color .2s cubic-bezier(.645, .045, .355, 1) !default;
$--color-transition-base: color .2s cubic-bezier(.645, .045, .355, 1) !default;

/* color */
$yl-main-color: #303133 !default;
$yl-content-color: #606266 !default;
$yl-tips-color: #909193 !default;
$yl-light-color: #c0c4cc !default;
$yl-border-color: #dadbde !default;
$yl-bg-color: #f3f4f6 !default;
$yl-disabled-color: #c8c9cc !default;

$yl-color-white: #FFFFFF !default;
$yl-color-black: #000000 !default;
$yl-color-primary: #3c9cff !default;
$yl-color-primary-dark: #398ade !default;
$yl-color-primary-disabled: #9acafc !default;
$yl-color-primary-light: #ecf5ff !default;

$yl-color-warning: #f9ae3d !default;
$yl-color-warning-dark: #f1a532 !default;
$yl-color-warning-disabled: #f9d39b !default;
$yl-color-warning-light: #fdf6ec !default;

$yl-color-success: #5ac725 !default;
$yl-color-success-dark: #53c21d !default;
$yl-color-success-disabled: #a9e08f !default;
$yl-color-success-light: #f5fff0 !default;

$yl-color-error: #f56c6c !default;
$yl-color-error-dark: #e45656 !default;
$yl-color-error-disabled: #f7b2b2 !default;
$yl-color-error-light: #fef0f0 !default;

$yl-color-info: #909399 !default;
$yl-color-info-dark: #767a82 !default;
$yl-color-info-disabled: #c4c6c9 !default;
$yl-color-info-light: #f4f4f5 !default;




/* fontWeight */
$yl-font-weight-bold: 1000 !default;
$yl-font-weight-primary: 500 !default;
$yl-font-weight-secondary: 100 !default;

/* borderradius */
$yl-border-radius-base: 8rpx !default;
$yl-border-radius-small: 4rpx !default;
$yl-border-radius-circle: 100% !default;
$yl-border-radius-zero: 0 !default;

// 边距宽度
$margin-arr: 0,
4,
6,
8,
10,
16,
20,
24,
30,
32,
40,
48,
50;
// 边距类名和属性名映射
$attr-name-arr: (mt: margin-top, mb: margin-bottom, ml: margin-left, mr: margin-right, pt: padding-top, pb: padding-bottom, pl: padding-left, pr: padding-right);

// 字体大小
$font-size: 16,
20,
24,
28,
30,
32,
36,
40,
48
;

// flex变量
$flex-attr-name-arr:(flex:(direction:(row, column, row-reverse, column-reverse), wrap:(wrap, nowrap)));
$flex2-attr-name-arr:(justify-content:(justify-start:flex-start, justify-around:space-around, justify-end:flex-end, justify-between:space-between, justify-center:center), align-content:(content-start:flex-start, content-around:space-around, content-end:flex-end, content-between:space-between, content-center:center), align-items:(align-center:center, align-stretch:stretch, align-start:flex-start, align-end:flex-end));

// 边框

$borderType:solid,
dashed,
dotted;
$borArr:(primary:$yl-color-primary),
(primary-dark:$yl-color-primary-dark),
(primary-light:$yl-color-primary-light),
(primary-disabled:$yl-color-primary-disabled),
(warning:$yl-color-warning),
(warning-dark:$yl-color-warning-dark),
(warning-light:$yl-color-warning-light),
(warning-disabled:$yl-color-warning-disabled),
(success:$yl-color-success),
(success-dark:$yl-color-success-dark),
(success-light:$yl-color-success-light),
(success-disabled:$yl-color-success-disabled),
(error:$yl-color-error),
(error-dark:$yl-color-error-dark),
(error-light:$yl-color-error-light),
(error-disabled:$yl-color-error-disabled),
(info:$yl-color-info),
(info-dark:$yl-color-info-dark),
(info-light:$yl-color-info-light),
(info-disabled:$yl-color-info-disabled);

// 方向
$direction:top,
right,
bottom,
left;

// 方向二
$direction2:top-left,top-right,bottom-left,bottom-right;
// 圆角map
$radiusType:(base:$yl-border-radius-base),(small:$yl-border-radius-small),(zero:$yl-border-radius-zero);

// 顶部及底部safearea（顶部状态栏、iphonex底部黑线操作栏）
$bottomSafeArea: env(safe-area-inset-bottom);
$topSafeArea: env(safe-area-inset-top);

// 字体范围大小
$yl-font-h1: 40rpx!default;
$yl-font-h2: 38rpx!default;
$yl-font-h3: 36rpx!default;
$yl-font-h4: 34rpx!default;
$yl-font-h5: 32rpx!default;
$yl-font-content:30rpx!default;
$yl-font-middle-content:28rpx!default;
$yl-font-small:26rpx!default;
$yl-font-mini:24rpx!default;