@primeuix/styles
Version:
81 lines (67 loc) • 2.02 kB
JavaScript
import{css}from"@primeuix/styled";var style=css`
.p-avatar {
display: inline-flex;
align-items: center;
justify-content: center;
width: dt('avatar.width');
height: dt('avatar.height');
font-size: dt('avatar.font.size');
background: dt('avatar.background');
color: dt('avatar.color');
border-radius: dt('avatar.border.radius');
}
.p-avatar-image {
background: transparent;
}
.p-avatar-circle {
border-radius: 50%;
}
.p-avatar-circle img {
border-radius: 50%;
}
.p-avatar-icon {
font-size: dt('avatar.icon.size');
width: dt('avatar.icon.size');
height: dt('avatar.icon.size');
}
.p-avatar img {
width: 100%;
height: 100%;
}
.p-avatar-lg {
width: dt('avatar.lg.width');
height: dt('avatar.lg.width');
font-size: dt('avatar.lg.font.size');
}
.p-avatar-lg .p-avatar-icon {
font-size: dt('avatar.lg.icon.size');
width: dt('avatar.lg.icon.size');
height: dt('avatar.lg.icon.size');
}
.p-avatar-xl {
width: dt('avatar.xl.width');
height: dt('avatar.xl.width');
font-size: dt('avatar.xl.font.size');
}
.p-avatar-xl .p-avatar-icon {
font-size: dt('avatar.xl.icon.size');
width: dt('avatar.xl.icon.size');
height: dt('avatar.xl.icon.size');
}
.p-avatar-group {
display: flex;
align-items: center;
}
.p-avatar-group .p-avatar + .p-avatar {
margin-inline-start: dt('avatar.group.offset');
}
.p-avatar-group .p-avatar {
border: 2px solid dt('avatar.group.border.color');
}
.p-avatar-group .p-avatar-lg + .p-avatar-lg {
margin-inline-start: dt('avatar.lg.group.offset');
}
.p-avatar-group .p-avatar-xl + .p-avatar-xl {
margin-inline-start: dt('avatar.xl.group.offset');
}
`;export{style};//# sourceMappingURL=index.mjs.map