_color.scss 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. // TODO 暂时不需要 class ,需要用户使用变量实现 ,如果使用类名其实并不推荐
  2. // @mixin get-styles($k,$c) {
  3. // @if $k == size or $k == weight{
  4. // font-#{$k}:#{$c}
  5. // }@else{
  6. // #{$k}:#{$c}
  7. // }
  8. // }
  9. $uni-ui-color:(
  10. // 主色
  11. primary: $uni-primary,
  12. primary-disable: $uni-primary-disable,
  13. primary-light: $uni-primary-light,
  14. // 辅助色
  15. success: $uni-success,
  16. success-disable: $uni-success-disable,
  17. success-light: $uni-success-light,
  18. warning: $uni-warning,
  19. warning-disable: $uni-warning-disable,
  20. warning-light: $uni-warning-light,
  21. error: $uni-error,
  22. error-disable: $uni-error-disable,
  23. error-light: $uni-error-light,
  24. info: $uni-info,
  25. info-disable: $uni-info-disable,
  26. info-light: $uni-info-light,
  27. // 中性色
  28. main-color: $uni-main-color,
  29. base-color: $uni-base-color,
  30. secondary-color: $uni-secondary-color,
  31. extra-color: $uni-extra-color,
  32. // 背景色
  33. bg-color: $uni-bg-color,
  34. // 边框颜色
  35. border-1: $uni-border-1,
  36. border-2: $uni-border-2,
  37. border-3: $uni-border-3,
  38. border-4: $uni-border-4,
  39. // 黑色
  40. black:$uni-black,
  41. // 白色
  42. white:$uni-white,
  43. // 透明
  44. transparent:$uni-transparent
  45. ) !default;
  46. @each $key, $child in $uni-ui-color {
  47. .uni-#{"" + $key} {
  48. color: $child;
  49. }
  50. .uni-#{"" + $key}-bg {
  51. background-color: $child;
  52. }
  53. }
  54. .uni-shadow-sm {
  55. box-shadow: $uni-shadow-sm;
  56. }
  57. .uni-shadow-base {
  58. box-shadow: $uni-shadow-base;
  59. }
  60. .uni-shadow-lg {
  61. box-shadow: $uni-shadow-lg;
  62. }
  63. .uni-mask {
  64. background-color:$uni-mask;
  65. }