Add documentation for img.is-rounded
This commit is contained in:
parent
2c716292bc
commit
da75177db1
1 changed files with 14 additions and 0 deletions
|
@ -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">
|
||||
|
|
Loading…
Add table
Reference in a new issue