color.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156
  1. /* 字体颜色 */
  2. .text-primary {
  3. color: #1890ff !important;
  4. }
  5. .text-green{
  6. color: #55aa00 !important;
  7. }
  8. .text-green2{
  9. color: #44BA93 !important;
  10. }
  11. .text-orange {
  12. color: orangered !important;
  13. }
  14. .text-error {
  15. color: red !important;
  16. }
  17. .text-gry {
  18. color: #888 !important;
  19. }
  20. .text-warning {
  21. color: #ffc107 !important;
  22. }
  23. .text-gry2 {
  24. color: #666666 !important;
  25. }
  26. .text-gry3 {
  27. color: #555555 !important;
  28. }
  29. .text-white {
  30. color: #FFFFFF !important;
  31. }
  32. .text-white1 {
  33. color: #e7e7e7 !important;
  34. }
  35. .text-dark{
  36. color: #000 !important;
  37. }
  38. .cursor-pointer {
  39. cursor: pointer;
  40. }
  41. /* 背景色 */
  42. .bg-white {
  43. background-color: #FFFFFF;
  44. }
  45. .bg-gry{
  46. background-color: #e3e3e3 !important;
  47. }
  48. .bg-gry2{
  49. background-color: #F7F7F7 !important;
  50. }
  51. .bg-green{
  52. background-color: #6cd800 !important;
  53. }
  54. .bg-primary {
  55. background-color: #1890ff !important;
  56. }
  57. .bg-error {
  58. background-color: #FF6767 !important;
  59. }
  60. .bg-white2{
  61. background-color: #f7f8fa !important;
  62. }
  63. /* 字体 */
  64. .fs-8 {
  65. font-size: 16rpx !important;
  66. }
  67. .fs-10 {
  68. font-size: 20rpx !important;
  69. }
  70. .fs-12 {
  71. font-size: 24rpx !important;
  72. }
  73. .fs-14 {
  74. font-size: 28rpx !important;
  75. }
  76. .fs-16 {
  77. font-size: 32rpx !important;
  78. }
  79. .fs-18 {
  80. font-size: 36rpx !important;
  81. }
  82. .fs-20 {
  83. font-size: 40rpx !important;
  84. }
  85. .fs-22 {
  86. font-size: 44rpx !important;
  87. }
  88. .fs-24 {
  89. font-size: 48rpx !important;
  90. }
  91. .fs-26 {
  92. font-size: 52rpx !important;
  93. }
  94. .fs-28 {
  95. font-size: 56rpx !important;
  96. }
  97. .fs-30 {
  98. font-size: 60px !important;
  99. }
  100. .fs-40 {
  101. font-size: 80px !important;
  102. }
  103. /* border */
  104. .border-primary {
  105. border-color: #007bff !important;
  106. }
  107. .border-secondary {
  108. border-color: #6c757d !important;
  109. }
  110. .border-success {
  111. border-color: #28a745 !important;
  112. }
  113. .border-info {
  114. border-color: #17a2b8 !important;
  115. }
  116. .border-warning {
  117. border-color: #ffc107 !important;
  118. }
  119. .border-danger {
  120. border-color: #dc3545 !important;
  121. }
  122. .border-light {
  123. border-color: #f8f9fa !important;
  124. }
  125. .border-dark {
  126. border-color: #343a40 !important;
  127. }
  128. .border-white {
  129. border-color: #fff !important;
  130. }
  131. .border-light2 {
  132. border-color: #e6e6e7 !important;
  133. }
  134. .box-shadow{
  135. box-shadow: 1px 1px 10px 1px #dddddd;
  136. }