text.wxss 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177
  1. /* ==================
  2. 文本
  3. ==================== */
  4. .text-xs,
  5. [class*="icon-"].text-xs {
  6. font-size: 20rpx!important;
  7. }
  8. .text-s,
  9. [class*="icon-"].text-s {
  10. font-size: 24rpx!important;
  11. }
  12. .text-normal,
  13. [class*="icon-"].text-normal {
  14. font-size: 28rpx!important;
  15. }
  16. .text-l,
  17. [class*="icon-"].text-l {
  18. font-size: 32rpx!important;
  19. }
  20. .text-xl,
  21. [class*="icon-"].text-xl {
  22. font-size: 36rpx!important;
  23. }
  24. .text-xxl,
  25. [class*="icon-"].text-xxl {
  26. font-size: 44rpx!important;
  27. }
  28. .text-xxxl,
  29. [class*="icon-"].text-xxxl {
  30. font-size: 80rpx!important;
  31. }
  32. .text-xxxxl,
  33. [class*="icon-"].text-xxxxl {
  34. font-size: 120rpx!important;
  35. }
  36. .text-cut {
  37. text-overflow: ellipsis;
  38. white-space: nowrap;
  39. overflow: hidden;
  40. }
  41. .content-cut {
  42. text-overflow: ellipsis;
  43. overflow: hidden;
  44. }
  45. .content-cut-two {
  46. text-overflow: ellipsis;
  47. overflow: hidden;
  48. display: -webkit-box;
  49. word-break: break-all;
  50. -webkit-box-orient: vertical;
  51. -webkit-line-clamp: 2;
  52. }
  53. .content-cut-three {
  54. text-overflow: ellipsis;
  55. overflow: hidden;
  56. display: -webkit-box;
  57. word-break: break-all;
  58. -webkit-box-orient: vertical;
  59. -webkit-line-clamp: 3;
  60. }
  61. .text-bold {
  62. font-weight: bold!important;
  63. }
  64. .text-center {
  65. text-align: center!important;
  66. }
  67. .text-content {
  68. line-height: 1.6!important;
  69. }
  70. .text-left {
  71. text-align: left!important;
  72. }
  73. .text-right {
  74. text-align: right!important;
  75. }
  76. .text-red,
  77. .border-red {
  78. color: var(--red)!important;
  79. }
  80. .text-orange,
  81. .border-orange {
  82. color: var(--orange)!important;
  83. }
  84. .text-yellow,
  85. .border-yellow {
  86. color: var(--yellow)!important;
  87. }
  88. .text-olive,
  89. .border-olive {
  90. color: var(--olive)!important;
  91. }
  92. .text-green,
  93. .border-green {
  94. color: var(--green)!important;
  95. }
  96. .text-darkgreen,
  97. .border-darkgreen {
  98. color: var(--darkgreen)!important;
  99. }
  100. .text-cyan,
  101. .border-cyan {
  102. color: var(--cyan)!important;
  103. }
  104. .text-blue,
  105. .border-blue {
  106. color: var(--blue)!important;
  107. }
  108. .text-purple,
  109. .border-purple {
  110. color: var(--purple)!important;
  111. }
  112. .text-mauve,
  113. .border-mauve {
  114. color: var(--mauve)!important;
  115. }
  116. .text-pink,
  117. .border-pink {
  118. color: var(--pink)!important;
  119. }
  120. .text-brown,
  121. .border-brown {
  122. color: var(--brown)!important;
  123. }
  124. .text-grey,
  125. .border-grey {
  126. color: var(--grey)!important;
  127. }
  128. .text-gray,
  129. .border-gray {
  130. color: var(--gray)!important;
  131. }
  132. .text-black,
  133. .border-black {
  134. color: var(--black)!important;
  135. }
  136. .text-white,
  137. .border-white {
  138. color: var(--white)!important;
  139. }