@opentiny/vue-theme/locales/index.css

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

.tiny-locales{--tv-Locales-svg-margin-left:var(--tv-space-sm, 4px);--tv-Locales-svg-size:var(--tv-font-size-default, 14px);--tv-Locales-up-svg-size:var(--tv-font-size-sm, 12px);--tv-Locales-svg-color:var(--tv-color-text, #191919);--tv-Locales-text-font-size:var(--tv-font-size-default, 14px);--tv-Locales-text-color:var(--tv-color-text, #191919);--tv-Locales-popper-padding-h:var(--tv-space-md, 8px);--tv-Locales-popper-li-padding-h:var(--tv-space-xl, 16px);--tv-Locales-popper-li-line-heigaht:30px;--tv-Locales-popper-li-hover-color:var(--tv-color-bg-hover, #f5f5f5);cursor:pointer}.tiny-locales svg{margin-left:var(--tv-Locales-svg-margin-left)}.tiny-locales__text{font-size:var(--tv-Locales-text-font-size);color:var(--tv-Locales-svg-color);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-locales__icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tiny-locales__icon svg{width:var(--tv-Locales-svg-size);height:var(--tv-Locales-svg-size);fill:var(--tv-Locales-text-color)}.tiny-locales__icon .chevron-up{width:var(--tv-Locales-up-svg-size);height:var(--tv-Locales-up-svg-size)}.tiny-locales__popper{--tv-Locales-svg-margin-left:var(--tv-space-sm, 4px);--tv-Locales-svg-size:var(--tv-font-size-default, 14px);--tv-Locales-up-svg-size:var(--tv-font-size-sm, 12px);--tv-Locales-svg-color:var(--tv-color-text, #191919);--tv-Locales-text-font-size:var(--tv-font-size-default, 14px);--tv-Locales-text-color:var(--tv-color-text, #191919);--tv-Locales-popper-padding-h:var(--tv-space-md, 8px);--tv-Locales-popper-li-padding-h:var(--tv-space-xl, 16px);--tv-Locales-popper-li-line-heigaht:30px;--tv-Locales-popper-li-hover-color:var(--tv-color-bg-hover, #f5f5f5)}.tiny-locales__popper.tiny-popover.tiny-popper{padding:var(--tv-Locales-popper-padding-h) 0}.tiny-locales__popper .poplist{width:100px}.tiny-locales__popper .poplist li{list-style:none;cursor:pointer;padding:0 var(--tv-Locales-popper-li-padding-h);line-height:var(--tv-Locales-popper-li-line-heigaht)}.tiny-locales__popper .poplist li:hover{background-color:var(--tv-Locales-popper-li-hover-color)}