meri-design/dist/theme/Avatar.css

基于vue框架的ui库

/*!
 * @meri-design v2.2.19-beta10
 * (c) 2019-2022 YuShu-Web
 * Released under the MIT License.
 * 2025-01-14 15:25:40
 */.p-avatar{display:inline-block;padding-right:12px;position:relative}.p-avatar .p-avatar-content{align-items:center;display:flex;justify-content:center;overflow:hidden}.p-avatar .p-avatar-large{border-radius:16px;height:32px;width:32px}.p-avatar .p-avatar-medium{border-radius:14px;height:28px;width:28px}.p-avatar .p-avatar-small{border-radius:14px;height:24px;width:24px}.p-avatar .p-avatar-minimum{border-radius:10px;height:20px;width:20px}.p-avatar .p-avatar-back-blue{background-color:#246fe5}.p-avatar .p-avatar-back-cyan,.p-avatar .p-avatar-back-turquoise{background-color:#14c4c4}.p-avatar .p-avatar-back-green{background-color:#3fbe72}.p-avatar .p-avatar-back-yellow{background-color:#f8d60c}.p-avatar .p-avatar-back-orange{background-color:#ffb800}.p-avatar .p-avatar-back-red{background-color:#f55047}.p-avatar .p-avatar-back-carmine{background-color:#9b6ced}.p-avatar .p-avatar-back-purple{background-color:#d069d2}.p-avatar .p-avatar-image{background-color:#e8ecf0}.p-avatar .p-avatar-image svg{height:100%;width:100%}.p-avatar .p-avatar-image img{display:inline-block;height:100%;width:100%}.p-avatar .p-avatar-logo svg{height:100%;width:100%}.p-avatar .p-avatar-logo img{display:inline-block;height:100%;width:100%}.p-avatar .p-avatar-text{color:#fff;font-size:12px;font-weight:400;line-height:12px}.p-avatar .p-avatar-large-font{font-size:14px}