From da75177db1b3c5b878f2ca1ccd97665a09d91503 Mon Sep 17 00:00:00 2001
From: Rodrigo O <rodorgas@users.noreply.github.com>
Date: Wed, 1 Aug 2018 16:07:37 -0300
Subject: [PATCH] Add documentation for img.is-rounded

---
 docs/documentation/elements/image.html | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/docs/documentation/elements/image.html b/docs/documentation/elements/image.html
index 08b03fc2..ba59c2e3 100644
--- 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">