paper-avatar

NeilujD

by SlashBunny

HTML

<base href="https://raw-dot-custom-elements.appspot.com/NeilujD/paper-avatar/2.0.1/paper-avatar/">
<script src="../webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="paper-avatar.html">
<paper-avatar image-src="https://www.gravatar.com/avatar/21a286cfe071e1bb5e8b631d20e54c52?s=60"></paper-avatar>
<br>
<paper-avatar id="customAvatar" icon="social:person"></paper-avatar>

CSS

#customAvatar {
   --paper-avatar-background: var(--google-blue-300);
   @apply(--shadow-none);
   --paper-avatar: {
     border: 1px solid var(--google-yellow-300);
   };
 }
 #customAvatar:hover {
   @apply(--shadow-elevation-8dp);
 }