Image Thumbnail

Resizes an image to a tiny thumbnail. The size is dynamic based upon the size of the viewport, but still remains within the range of thumbnail size. All thumbnails are resized within the same square bounds, although each image retains its correct aspect ratio.

See also image avatar.

Structure

<img class="thumbnail" … />

Examples

Gate and Turret Caipirinha
<img class="thumbnail"
  src="gate-turret-preview.jpg" alt="Gate and Turret"
  title="“Gate and Turret” — Copyright © 2009 Garret Wilson" />
<img class="thumbnail"
  src="caipirinha-preview.jpg" alt="Caipirinha"
  title="“Caipirinha” — Copyright © 2013 Garret Wilson" />

Properties

--skelt-thumbnail-height
--skelt-thumbnail-min-height
--skelt-thumbnail-min-width
--skelt-thumbnail-max-height
--skelt-thumbnail-max-width
--skelt-thumbnail-width