primevue/avatar/style/avatarstyle.esm.min.js

PrimeVue is an open source UI library for Vue featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBloc

import a from"primevue/base/style";var n=a.extend({name:"avatar",css:"\n@layer primevue {\n    .p-avatar {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 2rem;\n        height: 2rem;\n        font-size: 1rem;\n    }\n\n    .p-avatar.p-avatar-image {\n        background-color: transparent;\n    }\n\n    .p-avatar.p-avatar-circle {\n        border-radius: 50%;\n    }\n\n    .p-avatar-circle img {\n        border-radius: 50%;\n    }\n\n    .p-avatar .p-avatar-icon {\n        font-size: 1rem;\n    }\n\n    .p-avatar img {\n        width: 100%;\n        height: 100%;\n    }\n}\n",classes:{root:function(a){var n=a.props;return["p-avatar p-component",{"p-avatar-image":null!=n.image,"p-avatar-circle":"circle"===n.shape,"p-avatar-lg":"large"===n.size,"p-avatar-xl":"xlarge"===n.size}]},label:"p-avatar-text",icon:"p-avatar-icon"}});export{n as default};