text.scss 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. .cl-text {
  2. display: inline-block;
  3. white-space: normal;
  4. word-break: break-all;
  5. word-wrap: break-word;
  6. &.is-bold {
  7. font-weight: 500;
  8. }
  9. &.is-block {
  10. display: block;
  11. }
  12. &.is-price {
  13. top: 2rpx;
  14. }
  15. &.is-phone {
  16. top: 1rpx;
  17. }
  18. &.is-line-through {
  19. text-decoration: line-through;
  20. }
  21. &.is-underline {
  22. .cl-text__value {
  23. text-decoration: underline;
  24. }
  25. }
  26. &.is-ellipsis {
  27. overflow: hidden;
  28. text-overflow: ellipsis;
  29. display: -webkit-box;
  30. -webkit-box-orient: vertical;
  31. }
  32. &.is-copy {
  33. user-select: text;
  34. }
  35. &.is-color-primary {
  36. color: $cl-color-primary;
  37. }
  38. &.is-color-success {
  39. color: $cl-color-success;
  40. }
  41. &.is-color-error {
  42. color: $cl-color-error;
  43. }
  44. &.is-color-warning {
  45. color: $cl-color-warning;
  46. }
  47. &.is-color-info {
  48. color: $cl-color-info;
  49. }
  50. &__symbol--price {
  51. font-size: 22rpx;
  52. }
  53. &__precision {
  54. font-size: 24rpx;
  55. }
  56. &__prefix-icon {
  57. margin-right: 4rpx;
  58. }
  59. &__suffix-icon {
  60. margin-left: 4rpx;
  61. }
  62. &__prefix-icon,
  63. &__suffix-icon {
  64. position: relative;
  65. top: 1rpx;
  66. }
  67. }