include ../objects/status-indicator.pug mixin avatar - let classes = { 'o-avatar': true, 'o-avatar--colored': true, 'o-avatar--circle': attributes.circle, 'u-d-block': attributes.block } if (attributes.class) { classes[attributes.class] = true; } if (attributes.size) { classes['o-avatar--' + attributes.size] = true; } let styles = {} if (attributes.hue) { styles['--avatar--colors--h'] = attributes.hue; } if attributes.href a(class=classes style=styles href=attributes.href) if attributes.status +status-indicator(attributes.status)(class='o-avatar__status') if attributes.src img.o-avatar__content(src=attributes.src) else .o-avatar__content block else div(class=classes style=styles) if attributes.status +status-indicator(attributes.status)(class='o-avatar__status') if attributes.src img.o-avatar__content(src=attributes.src) else .o-avatar__content block