mirror of
https://github.com/jgthms/bulma
synced 2026-03-16 10:34:29 -07:00
Fix button spacing, Add image placeholders
This commit is contained in:
@@ -17,14 +17,14 @@ doc-subtab: card
|
||||
<div class="card">
|
||||
<div class="card-image">
|
||||
<figure class="image is-4by3">
|
||||
<img src="http://placehold.it/300x225" alt="">
|
||||
<img src="{{site.url}}/images/placeholders/300x225.png" alt="">
|
||||
</figure>
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<div class="media">
|
||||
<div class="media-left">
|
||||
<figure class="image is-32x32">
|
||||
<img src="http://placehold.it/64x64" alt="Image">
|
||||
<img src="{{site.url}}/images/placeholders/64x64.png" alt="Image">
|
||||
</figure>
|
||||
</div>
|
||||
<div class="media-content">
|
||||
|
||||
@@ -21,7 +21,7 @@ doc-subtab: media-object
|
||||
<article class="media">
|
||||
<figure class="media-left structure-item" title="media-left">
|
||||
<p class="image is-64x64">
|
||||
<img src="http://placehold.it/128x128">
|
||||
<img src="{{site.url}}/images/placeholders/128x128.png">
|
||||
</p>
|
||||
</figure>
|
||||
<div class="media-content structure-item is-structure-right" title="media-content">
|
||||
@@ -56,7 +56,7 @@ doc-subtab: media-object
|
||||
<article class="media">
|
||||
<figure class="media-left">
|
||||
<p class="image is-64x64">
|
||||
<img src="http://placehold.it/128x128">
|
||||
<img src="{{site.url}}/images/placeholders/128x128.png">
|
||||
</p>
|
||||
</figure>
|
||||
<div class="media-content">
|
||||
@@ -101,7 +101,7 @@ doc-subtab: media-object
|
||||
<article class="media">
|
||||
<figure class="media-left">
|
||||
<p class="image is-64x64">
|
||||
<img src="http://placehold.it/128x128">
|
||||
<img src="{{site.url}}/images/placeholders/128x128.png">
|
||||
</p>
|
||||
</figure>
|
||||
<div class="media-content">
|
||||
@@ -142,7 +142,7 @@ doc-subtab: media-object
|
||||
<article class="media">
|
||||
<figure class="media-left">
|
||||
<p class="image is-64x64">
|
||||
<img src="http://placehold.it/128x128">
|
||||
<img src="{{site.url}}/images/placeholders/128x128.png">
|
||||
</p>
|
||||
</figure>
|
||||
<div class="media-content">
|
||||
@@ -159,7 +159,7 @@ doc-subtab: media-object
|
||||
<article class="media">
|
||||
<figure class="media-left">
|
||||
<p class="image is-48x48">
|
||||
<img src="http://placehold.it/96x96">
|
||||
<img src="{{site.url}}/images/placeholders/96x96.png">
|
||||
</p>
|
||||
</figure>
|
||||
<div class="media-content">
|
||||
@@ -186,7 +186,7 @@ doc-subtab: media-object
|
||||
<article class="media">
|
||||
<figure class="media-left">
|
||||
<p class="image is-48x48">
|
||||
<img src="http://placehold.it/96x96">
|
||||
<img src="{{site.url}}/images/placeholders/96x96.png">
|
||||
</p>
|
||||
</figure>
|
||||
<div class="media-content">
|
||||
@@ -206,7 +206,7 @@ doc-subtab: media-object
|
||||
<article class="media">
|
||||
<figure class="media-left">
|
||||
<p class="image is-64x64">
|
||||
<img src="http://placehold.it/128x128">
|
||||
<img src="{{site.url}}/images/placeholders/128x128.png">
|
||||
</p>
|
||||
</figure>
|
||||
<div class="media-content">
|
||||
|
||||
@@ -75,7 +75,7 @@ doc-subtab: modal
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-content">
|
||||
<p class="image is-4by3">
|
||||
<img src="http://placehold.it/1280x960">
|
||||
<img src="{{site.url}}/images/placeholders/1280x960.png">
|
||||
</p>
|
||||
</div>
|
||||
<button class="modal-close"></button>
|
||||
@@ -122,7 +122,7 @@ doc-subtab: modal
|
||||
<article class="media">
|
||||
<div class="media-left">
|
||||
<figure class="image is-64x64">
|
||||
<img src="http://placehold.it/128x128" alt="Image">
|
||||
<img src="{{site.url}}/images/placeholders/128x128.png" alt="Image">
|
||||
</figure>
|
||||
</div>
|
||||
<div class="media-content">
|
||||
@@ -157,7 +157,7 @@ doc-subtab: modal
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-content">
|
||||
<p class="image is-4by3">
|
||||
<img src="http://placehold.it/1280x960">
|
||||
<img src="{{site.url}}/images/placeholders/1280x960.png">
|
||||
</p>
|
||||
</div>
|
||||
<button class="modal-close"></button>
|
||||
|
||||
Reference in New Issue
Block a user