|
// TODO 暂时不需要 class ，需要用户使用变量实现 ，如果使用类名其实并不推荐
|
// @mixin get-styles($k,$c) {
|
// @if $k == size or $k == weight{
|
// font-#{$k}:#{$c}
|
// }@else{
|
// #{$k}:#{$c}
|
// }
|
// }
|
$uni-ui-color:(
|
// 主色
|
primary: $uni-primary,
|
primary-disable: $uni-primary-disable,
|
primary-light: $uni-primary-light,
|
// 辅助色
|
success: $uni-success,
|
success-disable: $uni-success-disable,
|
success-light: $uni-success-light,
|
warning: $uni-warning,
|
warning-disable: $uni-warning-disable,
|
warning-light: $uni-warning-light,
|
error: $uni-error,
|
error-disable: $uni-error-disable,
|
error-light: $uni-error-light,
|
info: $uni-info,
|
info-disable: $uni-info-disable,
|
info-light: $uni-info-light,
|
// 中性色
|
main-color: $uni-main-color,
|
base-color: $uni-base-color,
|
secondary-color: $uni-secondary-color,
|
extra-color: $uni-extra-color,
|
// 背景色
|
bg-color: $uni-bg-color,
|
// 边框颜色
|
border-1: $uni-border-1,
|
border-2: $uni-border-2,
|
border-3: $uni-border-3,
|
border-4: $uni-border-4,
|
// 黑色
|
black:$uni-black,
|
// 白色
|
white:$uni-white,
|
// 透明
|
transparent:$uni-transparent
|
) !default;
|
@each $key, $child in $uni-ui-color {
|
.uni-#{"" + $key} {
|
color: $child;
|
}
|
.uni-#{"" + $key}-bg {
|
background-color: $child;
|
}
|
}
|
.uni-shadow-sm {
|
box-shadow: $uni-shadow-sm;
|
}
|
.uni-shadow-base {
|
box-shadow: $uni-shadow-base;
|
}
|
.uni-shadow-lg {
|
box-shadow: $uni-shadow-lg;
|
}
|
.uni-mask {
|
background-color:$uni-mask;
|
}
|
