Fix button spacing, Add image placeholders

This commit is contained in:
Jeremy Thomas
2016-12-22 18:17:26 +00:00
parent b8b3733d99
commit 41db07d68d
40 changed files with 1989 additions and 2178 deletions

View File

@@ -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">

View File

@@ -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">

View File

@@ -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>