fine-true/lib/textarea/index.css

A small and beautiful Vue3 version of the UI Library

.fine-textarea{display:inline-block;width:100%;position:relative;border:var(--fine-textarea-border);border-radius:var(--fine-textarea-border-radius);transition:border var(--fine-textarea-line-transition-duration),box-shadow var(--fine-textarea-line-transition-duration);padding:var(--fine-textarea-padding)}.fine-textarea-on-focus{border-color:var(--fine-textarea-on-focus-border-color);box-shadow:0 0 .5px 2px rgba(76,149,251,.3)}.fine-textarea .fine-textarea-clear{border-radius:50%;position:absolute;right:5px;top:5px;font-size:var(--fine-textarea-clear-icon-size);width:var(--fine-textarea-clear-icon-width);height:var(--fine-textarea-clear-icon-height);line-height:1;background-color:var(--fine-textarea-clear-background);color:var(--fine-textarea-clear-icon-color);opacity:0}.fine-textarea .fine-textarea-show-word-limit{position:absolute;right:5px;bottom:0;line-height:var(--fine-textarea-show-word-limit-line-height);font-size:var(--fine-textarea-show-word-limit-size);color:var(--fine-textarea-show-word-limit-color)}.fine-textarea:hover .fine-textarea-clear{opacity:1}.fine-textarea-current{width:100%;display:block;border-width:0;outline:0;color:inherit;color:var(--fine-textarea-color)}.fine-textarea-current::-webkit-textarea-placeholder{color:var(--fine-textarea-placeholder-color)}.fine-textarea-current.fine-textarea-disabled{cursor:not-allowed}.fine-textarea-current.fine-textarea-autosize{overflow:hidden}