.badge { @apply flex items-center font-body; .badge__avatar { @apply mr-6 flex-shrink-0; } .badge__body { @apply text-left; } .badge__title { @apply block; } .badge__occupation { @apply uppercase text-xs max-w-sm my-1 leading-tight; } .badge__link { @apply text-sm font-light block w-full; &:not(:first-child) { @apply mt-1; } } } .badge.badge--condensed { .badge__avatar { @apply mr-4; } .badge__occupation { @apply uppercase text-xs max-w-sm; } }