<a href="//sproutsocial.com/insights/authors/alex-york/" class="Avatar " title="Alex York" style="background-image: url('http://2.gravatar.com/avatar/2696c3a8cc756a3b56b314792675d73b?s&#x3D;96&amp;d&#x3D;mm&amp;r&#x3D;g'); "></a>
<a href="{{href}}" class="Avatar {{modifier}}" title="{{title}}" style="background-image: url('{{image}}'); {{style}}"></a>
{
  "href": "//sproutsocial.com/insights/authors/alex-york/",
  "title": "Alex York",
  "image": "http://2.gravatar.com/avatar/2696c3a8cc756a3b56b314792675d73b?s=96&d=mm&r=g",
  "style": null
}
  • Content:
    .Avatar {
        display: inline-block;
        width: 30px;
        height: 30px;
        vertical-align: middle;
        background-position: center;
        background-size: cover;
        border-radius: 50%;
    }
    .Avatar._large {
        width: 100px;
        height: 100px;
    }
    
    @media #{$desktop-media} {
        .Avatar {
            width: 60px;
            height: 60px;
        }
    }
    
  • URL: /components/raw/avatar/Avatar.scss
  • Filesystem Path: components/atoms/Avatar/Avatar.scss
  • Size: 336 Bytes

There are no notes for this item.