index.scss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. .nut-input {
  2. position: relative;
  3. width: 100%;
  4. padding: 10px 0px 10px 25px;
  5. display: flex;
  6. background: rgba(255, 255, 255, 1);
  7. border: 1px solid rgba(234, 240, 251, 1);
  8. input {
  9. width: 230px;
  10. flex: 1;
  11. padding: 0 10px;
  12. }
  13. .nut-input-label {
  14. width: 80px;
  15. overflow: hidden;
  16. display: inline-block;
  17. text-align: left;
  18. }
  19. .nut-textinput-clear {
  20. width: 16px;
  21. height: 16px;
  22. position: absolute;
  23. right: 15px;
  24. }
  25. .nut-text {
  26. flex: 1;
  27. padding: 0 10px;
  28. .nut-text-limit {
  29. float: right;
  30. }
  31. .nut-text-core {
  32. outline: none;
  33. display: block;
  34. box-sizing: border-box;
  35. width: 100%;
  36. min-width: 0;
  37. margin: 0;
  38. padding: 0;
  39. color: #323233;
  40. line-height: inherit;
  41. text-align: left;
  42. background-color: transparent;
  43. border: 0;
  44. resize: none;
  45. }
  46. }
  47. }
  48. .nut-input-disabled {
  49. color: #c8c9cc !important;
  50. input:disabled {
  51. background: none;
  52. color: #c8c9cc;
  53. cursor: not-allowed;
  54. opacity: 1;
  55. -webkit-text-fill-color: #c8c9cc;
  56. }
  57. }