From: Rodrigo O <rodorgas@users.noreply.github.com>
Date: Wed, 1 Aug 2018 19:07:37 +0000 (-0300)
Subject: Add documentation for img.is-rounded
X-Git-Tag: 0.7.2~54
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=da75177db1b3c5b878f2ca1ccd97665a09d91503;p=thirdparty%2Fbulma.git

Add documentation for img.is-rounded
---

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