UNPKG

vuetify

Version:

Vue.js 2 Semantic Component Framework

91 lines (71 loc) 1.73 kB
@import '../bootstrap' @import '../theme' v-textarea($material) &.v-text-field--solo-inverted.v-text-field--solo &.v-input--is-focused textarea color: $material.inputs.solo-inverted-focused-text theme(v-textarea, "v-textarea") v-textarea-rtl() &.v-text-field--enclosed .v-text-field__slot margin-right: 0 margin-left: -12px textarea padding-right: 0 padding-left: 12px rtl(v-textarea-rtl, 'v-textarea') .v-textarea textarea flex: 1 1 auto line-height: 18px max-width: 100% min-height: 32px outline: none padding: 7px 0 8px width: 100% .v-text-field__prefix padding-top: 4px align-self: start &.v-text-field--full-width, &.v-text-field--full-width.v-text-field--single-line .v-text-field__slot textarea margin-top: 0 .v-text-field__details bottom: 4px &.v-text-field--enclosed .v-text-field__slot margin-right: -12px textarea padding-right: 12px &.v-text-field--box, &.v-text-field--enclosed .v-text-field__prefix, textarea margin-top: 24px &.v-text-field--single-line .v-text-field__prefix, textarea margin-top: 12px .v-label top: 18px &.v-text-field--outline .v-input__control padding-top: 0 &.v-text-field--solo align-items: flex-start // 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: 16px &--auto-grow textarea overflow: hidden &--no-resize textarea resize: none