bubble-heads

bubble-heads

Easy circle avatars for your latest as-a-service app.

This is a really basic module to get you up and running w/ circle avatars because we all know circle avatars are super legit.

Simple add a avatar to a container class for the avatar img and you're rocking.

<a href="/profile/drk" class="avatar">
    <img src="/avatars/drk.jpg" alt="drk avatar">
</a>

Sizes

• xsml – avatar xsml-avatar
• sml – avatar sml-avatar
• med – avatar med-avatar or just avatar
• lrg – avatar lrg-avatar
• xlrg – avatar xlrg-avatar

You can check out the various sizes by running:

npm start

And navigating to http://localhost:8000/examples

Installation

npm install bubble-heads

Then add node_modules/bubble-heads/lib/index.css to your build script.

Or copy and paste the code in to your own css file.

Or @import it. But not really.

The choice is yours!