VTextarea.css 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. .v-textarea .v-field {
  2. --v-textarea-control-height: var(--v-input-control-height);
  3. }
  4. .v-textarea .v-field__field {
  5. --v-input-control-height: var(--v-textarea-control-height);
  6. }
  7. .v-textarea .v-field__input {
  8. flex: 1 1 auto;
  9. outline: none;
  10. -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
  11. mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
  12. }
  13. .v-textarea .v-field__input.v-textarea__sizer {
  14. visibility: hidden;
  15. position: absolute;
  16. top: 0;
  17. left: 0;
  18. height: 0 !important;
  19. min-height: 0 !important;
  20. pointer-events: none;
  21. }
  22. .v-textarea--no-resize .v-field__input {
  23. resize: none;
  24. }
  25. .v-textarea .v-field--no-label textarea,
  26. .v-textarea .v-field--active textarea {
  27. opacity: 1;
  28. }
  29. .v-textarea textarea {
  30. opacity: 0;
  31. flex: 1;
  32. min-width: 0;
  33. transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
  34. }
  35. .v-textarea textarea:focus, .v-textarea textarea:active {
  36. outline: none;
  37. }
  38. .v-textarea textarea:invalid {
  39. box-shadow: none;
  40. }