Avatars

Global variables

$avatar-class: "-avatar" !global
$avatar-border-radius: 3px !global
$avatar-border-width: 4px !global
$avatar-border-style: solid !global
$avatar-margin: 0.6em !global
$avatar-size: 64px !global

Include -thumbnail widget inside -avatar.

The -thumbnail will be hidden on devices with resolution smaller than 768px.
Krystalfister
@Krystalfister

	
Krystalfister
@Krystalfister

Add modifier _round_ to make avatar rounded.

Krystalfister
@Krystalfister

	
Krystalfister
@Krystalfister

Sizes

krystalfister
@krystalfister
kolage
@kolage
michzen
@michzen
axel
@axel
victorerixon
@victorerixon
markgamzy
@markgamzy
mrjamesnoble
@mrjamesnoble
liang
@liang

	
krystalfister
@krystalfister
kolage
@kolage
michzen
@michzen
axel
@axel
victorerixon
@victorerixon
markgamzy
@markgamzy
mrjamesnoble
@mrjamesnoble
liang
@liang

Bordered and themes

Add modifier _bordered_.

Krystalfister
@Krystalfister
  
Krystalfister
@Krystalfister
  
Krystalfister
@Krystalfister

	
Krystalfister
@Krystalfister
Krystalfister
@Krystalfister
Krystalfister
@Krystalfister

Position

Add modifiers _top_ or _bottom_.

Krystalfister
@Krystalfister
  
Krystalfister
@Krystalfister

	
Krystalfister
@Krystalfister
Krystalfister
@Krystalfister