@opentiny/vue-theme/text-popup/index.css

An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.

.tiny-text-popup{--tv-TextPopup-border-radius:var(--tv-border-radius-md, 6px);--tv-TextPopup-height:var(--tv-size-height-md, 32px);--tv-TextPopup-font-size:var(--tv-font-size-default, 14px);--tv-TextPopup-border-color:var(--tv-color-border, #c2c2c2);--tv-TextPopup-bg-color:var(--tv-color-bg-secondary, #ffffff);--tv-TextPopup-text-color:var(--tv-color-text, #191919);--tv-TextPopup-box-shadow:var(--tv-shadow-1, 0 0 0 0 rgba(0, 0, 0, 0));--tv-TextPopup-hover-border-color:var(--tv-color-border-hover, #191919);--tv-TextPopup-focus-border-color:var(--tv-color-border-active, #191919);display:inline-block}.tiny-text-popup.show-auto-width{width:100%}.tiny-text-popup .area{font-size:var(--tv-TextPopup-font-size);font-family:var(--tv-TextPopup-font-family);padding:5px 12px;width:100%;border-radius:var(--tv-TextPopup-border-radius,2px);outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--tv-TextPopup-bg-color);color:var(--tv-TextPopup-text-color)}.tiny-text-popup .text{border:1px solid var(--tv-TextPopup-border-color);line-height:1;height:var(--tv-TextPopup-height);background-color:var(--tv-TextPopup-bg-color);color:var(--tv-TextPopup-text-color)}.tiny-text-popup .text:hover{border-color:var(--tv-TextPopup-hover-border-color)}.tiny-text-popup .popup{resize:none;-webkit-box-shadow:var(--tv-TextPopup-box-shadow);box-shadow:var(--tv-TextPopup-box-shadow);border:1px solid var(--tv-TextPopup-focus-border-color)}