@fluentui/react-northstar
Version:
A themable React component library.
39 lines (37 loc) • 1.06 kB
JavaScript
"use strict";
exports.__esModule = true;
exports.skeletonAvatarStyles = void 0;
var skeletonAvatarStyles = {
root: function root(_ref) {
var p = _ref.props,
v = _ref.variables;
return Object.assign({
display: 'inline-block',
verticalAlign: 'middle',
borderRadius: '50%',
background: v.buttonBackground,
height: v.avatarMedium,
width: v.avatarMedium
}, p.size === 'smallest' && {
height: v.avatarSmallest,
width: v.avatarSmallest
}, p.size === 'smaller' && {
height: v.avatarSmaller,
width: v.avatarSmaller
}, p.size === 'small' && {
height: v.avatarSmall,
width: v.avatarSmall
}, p.size === 'large' && {
height: v.avatarLarge,
width: v.avatarLarge
}, p.size === 'larger' && {
height: v.avatarLarger,
width: v.avatarLarger
}, p.size === 'largest' && {
height: v.avatarLargest,
width: v.avatarLargest
});
}
};
exports.skeletonAvatarStyles = skeletonAvatarStyles;
//# sourceMappingURL=skeletonAvatarStyles.js.map