1.5 #Components.Images Images

Toggle example guides Toggle HTML markup

Base class for images. Comes with some different shape modifiers, and a special placeholder class for lazy-loading blur effect.

Examples
Default styling
.Image-circle
circle mask
.Image-hexagon
hexagon mask
Markup
<figure class="Image [modifier class]">
  <img src="https://lorempixel.com/270/300/cats/">
</figure>
Source: components/atoms/image.less, line 1