index.less 1019 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. @import (reference) '../variable.less';
  2. @inputItemPrefix: ant-textarea;
  3. .@{inputItemPrefix} {
  4. display: flex;
  5. align-items: center;
  6. background: @COLOR_CARD;
  7. &-disabled {
  8. opacity: 0.4;
  9. }
  10. &-line {
  11. position: relative;
  12. flex: 1;
  13. display: flex;
  14. align-items: center;
  15. overflow: hidden;
  16. }
  17. &-content {
  18. width: 100%;
  19. align-self: center;
  20. padding: 0;
  21. font-size: 34 * @rpx;
  22. text-align: left;
  23. color: @input-item-color;
  24. background: @COLOR_CARD;
  25. }
  26. &-clear {
  27. position: absolute;
  28. top: 0;
  29. right: 0;
  30. z-index: 2;
  31. display: flex;
  32. justify-content: center;
  33. align-items: center;
  34. border-radius: 16 * @rpx;
  35. margin-left: 8 * @rpx;
  36. &-icon {
  37. color: @COLOR_TEXT_WEAK;
  38. font-size: 34 * @rpx;
  39. }
  40. }
  41. &-clear-show {
  42. display: flex;
  43. }
  44. &-clear-hidden {
  45. display: none;
  46. pointer-events: none;
  47. }
  48. &-placeholder {
  49. font-size: 34 * @rpx;
  50. color: @input-item-placeholder-color;
  51. margin-left: -6 * @rpx;
  52. }
  53. }