VTextarea.sass

@import './_variables.scss'

+theme(v-textarea) using ($material)
  &.v-text-field--solo-inverted
    &.v-input--is-focused
      textarea
        color: map-deep-get($material, 'inputs', 'solo-inverted-focused-text')

      textarea::placeholder
        color: map-deep-get($material, 'inputs', 'solo-inverted-focused-placeholder')

.v-textarea
  textarea
    align-self: stretch
    flex: 1 1 auto
    line-height: $textarea-line-height
    max-width: 100%
    min-height: $textarea-min-height
    outline: none
    padding: $textarea-padding
    width: 100%

  .v-text-field__prefix,
  .v-text-field__suffix
    padding-top: $textarea-prefix-padding-top
    align-self: start

  &.v-text-field--box,
  &.v-text-field--enclosed
    .v-text-field__prefix,
    textarea
      margin-top: $textarea-box-enclosed-prefix-margin-top

    &.v-text-field--single-line,
    &.v-text-field--outlined
      &:not(.v-input--dense)
        .v-text-field__prefix,
        .v-text-field__suffix,
        textarea
          margin-top: $textarea-box-enclosed-single-outlined-margin-top

        .v-label
          top: $textarea-box-enclosed-single-outlined-label-top

      &.v-input--dense
        .v-text-field__prefix,
        .v-text-field__suffix,
        textarea
          margin-top: $textarea-dense-box-enclosed-single-outlined-margin-top

        .v-input__prepend-inner,
        .v-input__prepend-outer,
        .v-input__append-inner,
        .v-input__append-outer
          align-self: flex-start
          margin-top: $textarea-dense-append-prepend-margin-top

  &.v-text-field--solo
    align-items: flex-start

    .v-input__control
      textarea
        caret-color: auto

    // Essentially revert styles
    // applied by v-text-field
    .v-input__prepend-inner,
    .v-input__prepend-outer,
    .v-input__append-inner,
    .v-input__append-outer
      align-self: flex-start
      margin-top: $textarea-solo-append-prepend-margin-top

    .v-input__append-inner
      +ltr()
        padding-left: $textarea-solo-append-padding

      +rtl()
        padding-right: $textarea-solo-append-padding

  &--auto-grow
    textarea
      overflow: hidden

  &--no-resize
    textarea
      resize: none

  &.v-text-field--enclosed
    .v-text-field__slot
      align-self: stretch

      +ltr()
        margin-right: $textarea-enclosed-text-slot-margin

      +rtl()
        margin-left: $textarea-enclosed-text-slot-margin

      textarea
        +ltr()
          padding-right: $textarea-enclosed-text-slot-padding

        +rtl()
          padding-left: $textarea-enclosed-text-slot-padding