Thumbnail

Adds inner shadow to nested <img> with subtle hover, focus and active effects. Particularly useful for avatars.

<a href="#" class="Thumbnail">
  <img src="http://placeimg.com/128/128/arch" alt="Architecture">
</a>

Use the .Thumbnail--circle modifier to make it a circle shape.

<a href="#" class="Thumbnail Thumbnail--circle">
  <img src="http://placeimg.com/128/128/animals" alt="Animals">
</a>

Use the .Thumbnail--rounded modifier to round the corners.

<a href="#" class="Thumbnail Thumbnail--rounded">
  <img src="http://placeimg.com/128/128/nature" alt="Nature">
</a>