Fix media object

This commit is contained in:
Jeremy Thomas
2016-12-22 19:37:38 +00:00
parent bd6fccef04
commit 7dd8463348
7 changed files with 65 additions and 31 deletions

View File

@@ -17,7 +17,7 @@ doc-subtab: card
<div class="card">
<div class="card-image">
<figure class="image is-4by3">
<img src="{{site.url}}/images/placeholders/300x225.png" alt="">
<img src="{{site.url}}/images/placeholders/300x225.png" alt="Image">
</figure>
</div>
<div class="card-content">
@@ -35,8 +35,8 @@ doc-subtab: card
<div class="content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Phasellus nec iaculis mauris. <a href="#">@bulmaio</a>.
<a href="#">#css</a> <a href="#">#responsive</a>
Phasellus nec iaculis mauris. <a>@bulmaio</a>.
<a>#css</a> <a>#responsive</a>
<br>
<small>11:09 PM - 1 Jan 2016</small>
</div>
@@ -71,7 +71,7 @@ doc-subtab: card
<div class="card-content">
<div class="content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris.
<a href="#">@bulmaio</a>. <a href="#">#css</a> <a href="#">#responsive</a>
<a>@bulmaio</a>. <a>#css</a> <a>#responsive</a>
<br>
<small>11:09 PM - 1 Jan 2016</small>
</div>

View File

@@ -117,20 +117,28 @@ doc-subtab: level
{% capture nav_centered_example %}
<nav class="level">
<div class="level-item has-text-centered">
<p class="heading">Tweets</p>
<p class="title">3,456</p>
<div>
<p class="heading">Tweets</p>
<p class="title">3,456</p>
</div>
</div>
<div class="level-item has-text-centered">
<p class="heading">Following</p>
<p class="title">123</p>
<div>
<p class="heading">Following</p>
<p class="title">123</p>
</div>
</div>
<div class="level-item has-text-centered">
<p class="heading">Followers</p>
<p class="title">456K</p>
<div>
<p class="heading">Followers</p>
<p class="title">456K</p>
</div>
</div>
<div class="level-item has-text-centered">
<p class="heading">Likes</p>
<p class="title">789</p>
<div>
<p class="heading">Likes</p>
<p class="title">789</p>
</div>
</div>
</nav>
{% endcapture %}
@@ -143,7 +151,7 @@ doc-subtab: level
<a class="link is-info">Menu</a>
</p>
<p class="level-item has-text-centered">
<img src="{{ site.url }}/images/bulma-type.png" alt="" style="height: 33px;">
<img src="{{ site.url }}/images/bulma-type.png" alt="" style="height: 30px;">
</p>
<p class="level-item has-text-centered">
<a class="link is-info">Reservations</a>
@@ -175,20 +183,28 @@ doc-subtab: level
{% capture nav_mobile_example %}
<nav class="level is-mobile">
<div class="level-item has-text-centered">
<p class="heading">Tweets</p>
<p class="title">3,456</p>
<div>
<p class="heading">Tweets</p>
<p class="title">3,456</p>
</div>
</div>
<div class="level-item has-text-centered">
<p class="heading">Following</p>
<p class="title">123</p>
<div>
<p class="heading">Following</p>
<p class="title">123</p>
</div>
</div>
<div class="level-item has-text-centered">
<p class="heading">Followers</p>
<p class="title">456K</p>
<div>
<p class="heading">Followers</p>
<p class="title">456K</p>
</div>
</div>
<div class="level-item has-text-centered">
<p class="heading">Likes</p>
<p class="title">789</p>
<div>
<p class="heading">Likes</p>
<p class="title">789</p>
</div>
</div>
</nav>
{% endcapture %}