vue-amazing-ui
Version:
An Amazing Vue3 UI Components Library, Using TypeScript.
2 lines (1 loc) • 1.29 kB
CSS
.avatar-wrap[data-v-5a0b276f]{position:relative;display:inline-flex;justify-content:center;align-items:center;width:32px;height:32px;border-radius:50%;font-size:14px;color:#fff;line-height:30px;border:1px solid transparent;overflow:hidden;white-space:nowrap;vertical-align:middle;cursor:auto;outline:none}.avatar-wrap[data-v-5a0b276f]:hover{color:#fff}.avatar-wrap.avatar-square[data-v-5a0b276f]{border-radius:6px}.avatar-wrap .image-item[data-v-5a0b276f]{display:block;width:100%;height:100%;object-fit:cover}.avatar-wrap[data-v-5a0b276f] svg{width:1em;height:1em;fill:currentColor}.avatar-wrap .string-item[data-v-5a0b276f]{position:absolute;left:50%;transform-origin:0 center}.avatar-small[data-v-5a0b276f]{font-size:14px;width:24px;height:24px;line-height:22px;border-radius:50%}.avatar-small .avatar-icon[data-v-5a0b276f]{font-size:14px}.avatar-small.avatar-square[data-v-5a0b276f]{border-radius:4px}.avatar-middle .avatar-icon[data-v-5a0b276f]{font-size:18px}.avatar-large[data-v-5a0b276f]{font-size:24px;width:40px;height:40px;line-height:38px;border-radius:50%}.avatar-large .avatar-icon[data-v-5a0b276f]{font-size:24px}.avatar-large.avatar-square[data-v-5a0b276f]{border-radius:8px}.avatar-image[data-v-5a0b276f]{background:transparent}.avatar-link[data-v-5a0b276f]{cursor:pointer}