Image

Documentation and examples for basic style on image element.

Variables

Name Type Value
$image-padding padding .25rem
$image-radius radius $radius
$image-border unitless $border-base
$image-background color $white

Basic image

Basic image
<img src="..." alt="Basic image">

Expanded image

Expand the image adding the class image-expanded.

Expanded image
<img src="..." class="image-expanded" alt="Expanded image">

Image with edge

Use the class image-edge to set edge the image.

Image with edge
<img src="..." class="image-edge" alt="Image with edge">

Figure

A figure example
A figure example
<figure class="figure">
  <img src="..." alt="A figure example">
  <figcaption>A figure example</figcaption>
</figure>