input.less 969 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. @import "../variate.less";
  2. .@{elNamespace}-input{
  3. --@{elNamespace}-input-hover-border-color: var(~'--@{elNamespace}-color-primary');
  4. .@{elNamespace}-input__wrapper{
  5. padding: 1px 12px;
  6. }
  7. &--small{
  8. .@{elNamespace}-input__wrapper{
  9. padding: 1px 8px;
  10. }
  11. }
  12. &--large{
  13. .@{elNamespace}-input__wrapper{
  14. padding: 1px 14px;
  15. }
  16. }
  17. }
  18. // prepend 背景色设置为白色
  19. .@{elNamespace}-input-group__prepend{
  20. background: var(~'--@{elNamespace}-bg-color');
  21. }
  22. .@{elNamespace}-input__prefix-inner, .@{elNamespace}-input__suffix-inner{
  23. font-weight: bold;
  24. color: var(~'--@{elNamespace}-text-color-regular')
  25. }
  26. // 调整padding距离
  27. // 多行文本 word-limit 定位到框外
  28. .@{elNamespace}-textarea{
  29. &__inner{
  30. padding: 8px 12px;
  31. line-height: 22px;
  32. &:hover{
  33. --@{elNamespace}-input-hover-border-color: var(~'--@{elNamespace}-color-primary');
  34. }
  35. }
  36. .@{elNamespace}-input__count{
  37. top: calc(100% + 4px);
  38. }
  39. }