Add documentation for img.is-rounded

diff --git a/docs/documentation/elements/image.html b/docs/documentation/elements/image.html
index 08b03fc2e3b4472d5229aa6c5c1b8d6a3e89bbbf..ba59c2e3cce68549f0113827c255159c234f98e6 100644 (file)
--- a/docs/documentation/elements/image.html
+++ b/docs/documentation/elements/image.html
@@ -28,6 +28,12 @@ meta:
 </figure>
 {% endcapture %}
 
+{% capture rounded_image %}
+<figure class="image is-128x128">
+  <img class="is-rounded" src="{{site.url}}/images/placeholders/128x128.png">
+</figure>
+{% endcapture %}
+
 {% capture retina_image %}
 <figure class="image is-128x128">
   <img src="{{site.url}}/images/placeholders/256x256.png">
@@ -58,6 +64,14 @@ meta:
   </tbody>
 </table>
 
+{% include elements/anchor.html name="Rounded images" %}
+
+<div class="content">
+  <p>You can also make rounded images, using <code>.is-rounded</code> class:</p>
+</div>
+
+{% include elements/snippet.html content=rounded_image %}
+
 {% include elements/anchor.html name="Retina images" %}
 
 <div class="content">