text.scss 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170
  1. //文字相关样式
  2. .text-shadow {
  3. /* #ifndef APP-NVUE */
  4. text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
  5. &-deep {
  6. text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
  7. }
  8. /* #endif */
  9. }
  10. .text-indent {
  11. /* #ifndef APP-NVUE */
  12. text-indent: 2em;
  13. &-1 {
  14. text-indent: 1em;
  15. }
  16. &-2 {
  17. text-indent: 2em;
  18. }
  19. &-3 {
  20. text-indent: 3em;
  21. }
  22. &-3 {
  23. text-indent: 3em;
  24. }
  25. &-none {
  26. text-indent: 0;
  27. }
  28. /* #endif */
  29. }
  30. .text-overflow {
  31. &-ellipsis {
  32. text-overflow: ellipsis;
  33. }
  34. }
  35. .text-italic {
  36. font-style: italic;
  37. }
  38. .text-bold {
  39. font-weight: 700 !important;
  40. }
  41. .text-bolder {
  42. font-weight: bolder !important;
  43. }
  44. .text-light {
  45. font-weight: 300 !important;
  46. }
  47. .text-lowercase {
  48. text-transform: lowercase !important;
  49. }
  50. .text-uppercase {
  51. text-transform: uppercase !important;
  52. }
  53. .text-capitalize {
  54. text-transform: capitalize !important;
  55. }
  56. .text-left {
  57. text-align: left !important;
  58. }
  59. .text-right {
  60. text-align: right !important;
  61. }
  62. .text-center {
  63. text-align: center !important;
  64. }
  65. .text-lines {
  66. &-1 {
  67. lines: 1;
  68. overflow: hidden;
  69. text-overflow: ellipsis;
  70. /* #ifndef APP-NVUE */
  71. display: -webkit-box;
  72. -webkit-box-orient: vertical;
  73. -webkit-line-clamp: 1;
  74. line-clamp: 1;
  75. /* #endif */
  76. }
  77. &-2 {
  78. overflow: hidden;
  79. /* #ifdef APP-NVUE */
  80. lines: 2;
  81. text-overflow: ellipsis;
  82. /* #endif */
  83. /* #ifndef APP-NVUE */
  84. display: -webkit-box;
  85. -webkit-box-orient: vertical;
  86. -webkit-line-clamp: 2;
  87. line-clamp: 2;
  88. /* #endif */
  89. }
  90. &-3 {
  91. overflow: hidden;
  92. /* #ifdef APP-NVUE */
  93. lines: 3;
  94. text-overflow: ellipsis;
  95. /* #endif */
  96. /* #ifndef APP-NVUE */
  97. display: -webkit-box;
  98. -webkit-box-orient: vertical;
  99. -webkit-line-clamp: 3;
  100. line-clamp: 3;
  101. /* #endif */
  102. }
  103. &-4 {
  104. overflow: hidden;
  105. /* #ifdef APP-NVUE */
  106. lines: 4;
  107. text-overflow: ellipsis;
  108. /* #endif */
  109. /* #ifndef APP-NVUE */
  110. display: -webkit-box;
  111. -webkit-box-orient: vertical;
  112. -webkit-line-clamp: 4;
  113. /* #endif */
  114. }
  115. &-5 {
  116. overflow: hidden;
  117. /* #ifdef APP-NVUE */
  118. lines: 5;
  119. text-overflow: ellipsis;
  120. /* #endif */
  121. /* #ifndef APP-NVUE */
  122. display: -webkit-box;
  123. -webkit-box-orient: vertical;
  124. -webkit-line-clamp: 5;
  125. /* #endif */
  126. }
  127. &-6 {
  128. overflow: hidden;
  129. /* #ifdef APP-NVUE */
  130. lines: 6;
  131. text-overflow: ellipsis;
  132. /* #endif */
  133. /* #ifndef APP-NVUE */
  134. display: -webkit-box;
  135. -webkit-box-orient: vertical;
  136. -webkit-line-clamp: 6;
  137. /* #endif */
  138. }
  139. }
  140. .text {
  141. &-none-decoration {
  142. text-decoration: none;
  143. }
  144. &-underline {
  145. text-decoration: underline;
  146. }
  147. &-line-through {
  148. text-decoration: line-through;
  149. }
  150. }
  151. .text-align {
  152. &-left {
  153. text-align: left;
  154. }
  155. &-center {
  156. text-align: center;
  157. }
  158. &-right {
  159. text-align: right;
  160. }
  161. }