.q-avatar
  position: relative
  vertical-align: middle
  display: inline-block

  border-radius: 50%

  font-size: 48px
  height: 1em
  width: 1em

  &__content
    font-size: .5em
    line-height: .5em

  &__content, img:not(.q-icon)
    border-radius: inherit
    height: inherit
    width: inherit

.q-avatar__content--square
  border-radius: 0