mirror of
https://github.com/jgthms/bulma
synced 2026-03-22 05:04:28 -07:00
Add more layout
This commit is contained in:
@@ -1,12 +1,12 @@
|
||||
{% assign boostrap_link = site.data.links.by_id['boostrap'] %}
|
||||
{% assign bootstrap_link = site.data.links.by_id['bootstrap'] %}
|
||||
{% assign expo_link = site.data.links.by_id['expo'] %}
|
||||
{% assign love_link = site.data.links.by_id['love'] %}
|
||||
|
||||
<div class="bd-footer-stars">
|
||||
<a class="bd-footer-star bd-is-bootstrap" href="{{ site.url }}{{ boostrap_link.path }}">
|
||||
<a class="bd-footer-star bd-is-bootstrap" href="{{ site.url }}{{ bootstrap_link.path }}">
|
||||
<header class="bd-footer-star-header">
|
||||
<h4 class="bd-footer-title">
|
||||
<strong>Coming from Bootstrap</strong>
|
||||
<strong>{{ bootstrap_link.name }}</strong>
|
||||
</h4>
|
||||
<p class="bd-footer-subtitle">
|
||||
An alternative to Bootstrap
|
||||
@@ -21,10 +21,10 @@
|
||||
<a class="bd-footer-star bd-is-expo" href="{{ site.url }}{{ expo_link.path }}">
|
||||
<header class="bd-footer-star-header">
|
||||
<h4 class="bd-footer-title">
|
||||
<span class="icon has-text-star">
|
||||
<i class="fas fa-star"></i>
|
||||
<span class="icon has-text-{{ expo_link.color }}">
|
||||
<i class="fas fa-{{ expo_link.icon }}"></i>
|
||||
</span>
|
||||
<strong>Expo</strong>
|
||||
<strong>{{ expo_link.name }}</strong>
|
||||
</h4>
|
||||
<p class="bd-footer-subtitle">
|
||||
See what you can build with Bulma
|
||||
@@ -35,10 +35,10 @@
|
||||
<a class="bd-footer-star bd-is-love" href="{{ site.url }}{{ love_link.path }}">
|
||||
<header class="bd-footer-star-header">
|
||||
<h4 class="bd-footer-title">
|
||||
<span class="icon has-text-danger">
|
||||
<i class="fas fa-heart"></i>
|
||||
<span class="icon has-text-{{ love_link.color }}">
|
||||
<i class="fas fa-{{ love_link.icon }}"></i>
|
||||
</span>
|
||||
<strong>Love</strong>
|
||||
<strong>{{ love_link.name }}</strong>
|
||||
</h4>
|
||||
<p class="bd-footer-subtitle">
|
||||
Fans of Bulma
|
||||
|
||||
13
docs/_includes/footer/link.html
Normal file
13
docs/_includes/footer/link.html
Normal file
@@ -0,0 +1,13 @@
|
||||
<p class="bd-footer-link bd-has-subtitle">
|
||||
<a href="{{ site.url }}{{ link.path }}">
|
||||
<span class="bd-footer-link-icon has-text-{{ link.color }}">
|
||||
<i class="{% if link.icon_brand %}fab{% elsif link.icon_regular %}far{% else %}fas{% endif %} fa-{{ link.icon }}"></i>
|
||||
</span>
|
||||
<strong>
|
||||
{{ link.name }}
|
||||
</strong>
|
||||
<em>
|
||||
{{ link.subtitle }}
|
||||
</em>
|
||||
</a>
|
||||
</p>
|
||||
@@ -50,22 +50,15 @@
|
||||
<a href="{{ site.url }}{{ more_link.path }}">More</a>
|
||||
</p>
|
||||
|
||||
{% assign link = site.data.links.by_id['expo'] %}
|
||||
{% include footer/link.html %}
|
||||
|
||||
{% assign link = site.data.links.by_id['love'] %}
|
||||
{% include footer/link.html %}
|
||||
|
||||
{% for link_id in site.data.links.more %}
|
||||
{% assign link = site.data.links.by_id[link_id] %}
|
||||
|
||||
<p class="bd-footer-link bd-has-subtitle">
|
||||
<a href="{{ site.url }}{{ link.path }}">
|
||||
<span class="bd-footer-link-icon has-text-{{ link.color }}">
|
||||
<i class="{% if link.icon_brand %}fab{% elsif link.icon_regular %}far{% else %}fas{% endif %} fa-{{ link.icon }}"></i>
|
||||
</span>
|
||||
<strong>
|
||||
{{ link.name }}
|
||||
</strong>
|
||||
<em>
|
||||
{{ link.subtitle }}
|
||||
</em>
|
||||
</a>
|
||||
</p>
|
||||
{% include footer/link.html %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user