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