UNITS

🇯🇵 Document Snippets Themes GitHub Twitter

Photo

You can optimize image embedding by specifying the uc-photo class.

1. Basic

Create a basic photo block.

Lorem ipsum dolor sit amet.
<figure class="uc-photo">
  <img src="https://source.unsplash.com/random" alt="">
  <figcaption>Lorem ipsum dolor sit amet.</figcaption>
</figure>

2. Fit to width

By specifying the _full class, you can display the image in the full width.

Lorem ipsum dolor sit amet.
<figure class="uc-photo _full">
  <img src="https://source.unsplash.com/random" alt="">
  <figcaption>Lorem ipsum dolor sit amet.</figcaption>
</figure>