uni.scss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. @import "@/uni_modules/uni-scss/variables.scss";
  2. $uni-primary: #3f75ff;
  3. $uni-primary-disable: #94bcff;
  4. $uni-primary-light: #f3f6ff;
  5. $primary: #3f75ff;
  6. $success: #00be00;
  7. $error: #f00;
  8. $default: #e7e7e7;
  9. $warning: #ff9900;
  10. $t9: #999999;
  11. $colorMap: (
  12. (
  13. color: $primary,
  14. name: primary,
  15. ),
  16. (
  17. color: $success,
  18. name: success,
  19. ),
  20. (
  21. color: $error,
  22. name: error,
  23. ),
  24. (
  25. color: $default,
  26. name: default,
  27. ),
  28. (
  29. color: $warning,
  30. name: warning,
  31. ),
  32. (
  33. color: $t9,
  34. name: t9,
  35. )
  36. );
  37. @each $item in $colorMap {
  38. $name: map-get($item, name);
  39. $color: map-get($item, color);
  40. .text-#{$name} {
  41. color: $color;
  42. }
  43. .bg-#{$name} {
  44. background-color: $color;
  45. }
  46. .border-#{$name} {
  47. border-color: $color;
  48. }
  49. }
  50. $sizeMap: (
  51. (
  52. size: 10,
  53. name: 10,
  54. ),
  55. (
  56. size: 12,
  57. name: 12,
  58. ),
  59. (
  60. size: 14,
  61. name: 14,
  62. ),
  63. (
  64. size: 16,
  65. name: 16,
  66. )
  67. );
  68. @each $item in $sizeMap {
  69. $name: map-get($item, name);
  70. $size: map-get($item, size);
  71. .text-#{$name} {
  72. font-size: #{$size * 2}rpx;
  73. }
  74. }