YuanUI pattern library

2 #Avatar Avatar

Toggle example guides Toggle HTML markup

Displays an avatar, usually used in a comment list.

Examples
Default styling
avatar
.avatar--circle
Displays the avatar in a circle
avatar
.avatar--tilt
Displays the avatar in a sloping position
avatar
Markup
<div class="avatar [modifier class]">
  <div class="avatar__img-wrapper">
    <img src="../images/avatar.png" alt="avatar" />
  </div>
</div>
Source: avatar.css, line 1