vue-amazing-ui/es/textarea/Textarea.css

An Amazing Vue3 UI Components Library, Using TypeScript.

.textarea-wrap[data-v-7b295f54]{position:relative;display:inline-block;width:var(--textarea-width)}.textarea-wrap .textarea-item[data-v-7b295f54]{width:100%;min-width:0;min-height:32px;max-width:100%;height:auto;padding:4px 11px;color:#000000e0;font-size:14px;line-height:1.57142857;list-style:none;transition:all .3s,height 0s;resize:vertical;position:relative;z-index:9;display:inline-block;vertical-align:bottom;text-overflow:ellipsis;background-color:#fff;border:1px solid #d9d9d9;border-radius:6px;outline:none}.textarea-wrap .textarea-item[data-v-7b295f54]:hover{border-color:var(--textarea-primary-color-hover);z-index:1}.textarea-wrap .textarea-item[data-v-7b295f54]:focus-within{border-color:var(--textarea-primary-color-focus);box-shadow:0 0 0 2px var(--textarea-primary-shadow-color);outline:0}.textarea-wrap .clear-class[data-v-7b295f54]{padding-right:24px}.textarea-wrap textarea[data-v-7b295f54]:disabled{color:#00000040}.textarea-wrap textarea[data-v-7b295f54]::-webkit-input-placeholder{color:#00000040}.textarea-wrap textarea[data-v-7b295f54]:-moz-placeholder{color:#00000040}.textarea-wrap textarea[data-v-7b295f54]::-moz-placeholder{color:#00000040}.textarea-wrap textarea[data-v-7b295f54]:-ms-input-placeholder{color:#00000040}.textarea-wrap .clear-svg[data-v-7b295f54]{position:absolute;top:9px;right:8px;z-index:99;display:inline-block;font-size:12px;color:#00000040;fill:currentColor;cursor:pointer;transition:color .3s}.textarea-wrap .clear-svg[data-v-7b295f54]:hover{color:#00000073}.textarea-wrap .textarea-disabled[data-v-7b295f54]{color:#00000040;background-color:#0000000a;cursor:not-allowed}.textarea-wrap .textarea-disabled[data-v-7b295f54]:hover{border-color:#d9d9d9}.textarea-wrap .textarea-disabled[data-v-7b295f54]:focus-within{border-color:#d9d9d9;box-shadow:none}.show-count[data-v-7b295f54]:after{font-size:14px;color:#00000073;white-space:nowrap;content:attr(data-count);pointer-events:none;float:right}