| New file |
| | |
|---|
| | |
|
|---|
| | | // 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;
|
|---|
| | | }
|
|---|
