mixin card
    -
        let classes = {
            'o-card': true,
        }

    if attributes.href
        a(href=attributes.href class=classes)
            block
    else
        div(class=classes)
            block

mixin card-image
    .o-card__image
        img.o-card__image-img(src=attributes.src)

mixin card-body
    .o-card__body
        block

mixin card-title 
    h1.o-card__title
        block

mixin card-avatar 
    +avatar(class='o-card__avatar' src=attributes.src size='xl')

mixin card-content 
    .o-card__content
        block
mixin card-footer
    footer.o-card__footer
        block