mirror of
https://github.com/jgthms/bulma
synced 2026-03-15 02:04:29 -07:00
Switch to Font Awesome 5
This commit is contained in:
@@ -4,7 +4,7 @@
|
||||
|
||||
<div class="bd-footer-iframe">
|
||||
<a href="https://twitter.com/jgthms" class="button is-twitter" data-related="jgthms:Creator of Bulma">
|
||||
<span class="icon"><i class="fa-brands fa-twitter"></i></span>
|
||||
<span class="icon"><i class="fab fa-twitter"></i></span>
|
||||
<span>Follow @jgthms</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@@ -4,12 +4,12 @@
|
||||
|
||||
<div class="bd-footer-iframe">
|
||||
<a href="https://twitter.com/share" class="button is-twitter" data-text="{{ site.data.meta.title }}" data-url="{{ site.url }}" data-count="horizontal" data-via="jgthms" data-related="jgthms:Creator of Bulma">
|
||||
<span class="icon"><i class="fa-brands fa-twitter"></i></span>
|
||||
<span class="icon"><i class="fab fa-twitter"></i></span>
|
||||
<span>Twitter</span>
|
||||
</a>
|
||||
|
||||
<a class="button is-facebook" href="https://www.facebook.com/sharer.php?u=https%3A%2F%2Fbulma.io">
|
||||
<span class="icon"><i class="fa-brands fa-facebook"></i></span>
|
||||
<span class="icon"><i class="fab fa-facebook"></i></span>
|
||||
<span>Facebook</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@@ -10,21 +10,21 @@
|
||||
<tr>
|
||||
<th>
|
||||
<div class="icon-text">
|
||||
<span class="icon has-text-sass"><i class="fa-brands fa-sass"></i></span>
|
||||
<span class="icon has-text-sass"><i class="fab fa-sass"></i></span>
|
||||
<span>Sass Variable</span>
|
||||
</div>
|
||||
</th>
|
||||
{% unless include.hide_css_vars %}
|
||||
<th>
|
||||
<div class="icon-text">
|
||||
<span class="icon has-text-link"><i class="fa-brands fa-css3"></i></span>
|
||||
<span class="icon has-text-link"><i class="fab fa-css3"></i></span>
|
||||
<span>CSS Variable</span>
|
||||
</div>
|
||||
</th>
|
||||
{% endunless %}
|
||||
<th>
|
||||
<div class="icon-text">
|
||||
<span class="icon has-text-success"><i class="fa-solid fa-code"></i></span>
|
||||
<span class="icon has-text-success"><i class="fas fa-code"></i></span>
|
||||
<span>Value</span>
|
||||
</div>
|
||||
</th>
|
||||
@@ -45,4 +45,4 @@
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,12 +1,12 @@
|
||||
<section class="bd-hero is-{{ include.variant }}">
|
||||
<div class="bd-hero-body">
|
||||
<h1 class="bd-hero-title">
|
||||
<h1 class="bd-hero-title algolia-lvl0">
|
||||
{{ include.title }}
|
||||
</h1>
|
||||
|
||||
<hr class="bd-hr">
|
||||
|
||||
<h2 class="bd-hero-subtitle">
|
||||
<h2 class="bd-hero-subtitle algolia-lvl1">
|
||||
{{ include.subtitle }}
|
||||
</h2>
|
||||
|
||||
|
||||
@@ -20,7 +20,7 @@
|
||||
|
||||
{% if include.has_sublist %}
|
||||
<span class="icon is-small">
|
||||
<i class="fa-solid fa-angle-right"></i>
|
||||
<i class="fas fa-angle-right"></i>
|
||||
</span>
|
||||
{% endif %}
|
||||
</a>
|
||||
|
||||
@@ -1,26 +1,26 @@
|
||||
<div class="bd-menu">
|
||||
<div class="bd-menu-section is-start">
|
||||
{% include docs/menu-heading.html icon="fa-solid fa-arrow-right" label="Start Here" %}
|
||||
{% include docs/menu-heading.html icon="fas fa-arrow-right" label="Start Here" %}
|
||||
{% include docs/menu-list.html category_id="start" %}
|
||||
</div>
|
||||
|
||||
<div class="bd-menu-section is-features">
|
||||
{% include docs/menu-heading.html icon="fa-solid fa-medal" label="Features" %}
|
||||
{% include docs/menu-heading.html icon="fas fa-medal" label="Features" %}
|
||||
{% include docs/menu-list.html category_id="features" %}
|
||||
</div>
|
||||
|
||||
<div class="bd-menu-section is-sass">
|
||||
{% include docs/menu-heading.html icon="fa-brands fa-sass" label="Sass Tools" %}
|
||||
{% include docs/menu-heading.html icon="fab fa-sass" label="Sass Tools" %}
|
||||
{% include docs/menu-list.html category_id="sass" %}
|
||||
</div>
|
||||
|
||||
<div class="bd-menu-section is-custom">
|
||||
{% include docs/menu-heading.html icon="fa-solid fa-palette" label="Customization" %}
|
||||
{% include docs/menu-heading.html icon="fas fa-palette" label="Customization" %}
|
||||
{% include docs/menu-list.html category_id="customize" %}
|
||||
</div>
|
||||
|
||||
<div class="bd-menu-section is-library">
|
||||
{% include docs/menu-heading.html icon="fa-solid fa-code" label="CSS Library" %}
|
||||
{% include docs/menu-heading.html icon="fas fa-code" label="CSS Library" %}
|
||||
|
||||
{% assign columns_size = site.data.links.categories.columns | size %}
|
||||
{% assign grid_size = site.data.links.categories.grid | size %}
|
||||
@@ -59,7 +59,7 @@
|
||||
</div>
|
||||
|
||||
<div class="bd-menu-section is-utilities">
|
||||
{% include docs/menu-heading.html icon="fa-brands fa-css3" label="CSS Helpers" %}
|
||||
{% include docs/menu-heading.html icon="fab fa-css3" label="CSS Helpers" %}
|
||||
{% include docs/menu-list.html category_id="helpers" %}
|
||||
</div>
|
||||
|
||||
|
||||
@@ -15,6 +15,8 @@
|
||||
{%- endif %}
|
||||
</title>
|
||||
|
||||
<link rel="stylesheet" href="{{ site.url }}/vendor/fontawesome-free-5.15.2-web/css/all.min.css">
|
||||
|
||||
{% if page.fontawesome4 %}
|
||||
<link rel="stylesheet" href="{{ site.data.icons.fontawesome4 }}">
|
||||
{% endif %}
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
|
||||
<button class="bd-nav-item is-search is-icon">
|
||||
<span class="icon">
|
||||
<i class="fa-solid fa-magnifying-glass fa-lg"></i>
|
||||
<i class="fas fa-search fa-lg"></i>
|
||||
</span>
|
||||
</button>
|
||||
|
||||
@@ -22,7 +22,7 @@
|
||||
data-target="js-more"
|
||||
>
|
||||
<span class="icon">
|
||||
<i class="fa-solid fa-ellipsis fa-lg"></i>
|
||||
<i class="fas fa-ellipsis-h fa-lg"></i>
|
||||
</span>
|
||||
</button>
|
||||
|
||||
@@ -86,25 +86,25 @@
|
||||
aria-label="System mode"
|
||||
>
|
||||
<span class="icon">
|
||||
<i class="fas fa-display" aria-hidden="true"></i>
|
||||
<i class="fas fa-desktop" aria-hidden="true"></i>
|
||||
</span>
|
||||
<span>System</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bd-nav-search is-hidden">
|
||||
<div class="bd-nav-search">
|
||||
<button
|
||||
class="bd-nav-item is-search-desktop is-icon js-burger"
|
||||
data-target="js-search"
|
||||
>
|
||||
<span class="icon">
|
||||
<i class="fa-solid fa-magnifying-glass fa-lg"></i>
|
||||
<i class="fas fa-search fa-lg"></i>
|
||||
</span>
|
||||
</button>
|
||||
|
||||
<div id="js-search" class="bd-nav-menu is-search js-menu">
|
||||
<input id="form-search" class="input" type="text" placeholder="Search" />
|
||||
<input id="algoliaSearch" class="input" type="text" placeholder="Search" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -11,14 +11,14 @@
|
||||
{% assign href = site.data.links.by_id['features'].path %}
|
||||
{% include website/feature.html
|
||||
id="modern"
|
||||
icon="fa-brands fa-css3 fa-xl"
|
||||
icon="fab fa-css3 fa-xl"
|
||||
title="Modern"
|
||||
subtitle="Flexbox + Grid + CSS Variables"
|
||||
href=href %}
|
||||
{% assign href = site.data.links.by_id['customize'].path %}
|
||||
{% include website/feature.html
|
||||
id="easy"
|
||||
icon="fa-solid fa-star-of-life fa-xl"
|
||||
icon="fas fa-star-of-life fa-xl"
|
||||
title="Easy"
|
||||
subtitle="Download. Customize. Done."
|
||||
href=href
|
||||
@@ -27,7 +27,7 @@
|
||||
{{ href }}
|
||||
{% include website/feature.html
|
||||
id="free"
|
||||
icon="fa-brands fa-github-alt fa-xl"
|
||||
icon="fab fa-github-alt fa-xl"
|
||||
title="Free"
|
||||
subtitle="Open Source on GitHub"
|
||||
href=href
|
||||
|
||||
@@ -119,7 +119,7 @@
|
||||
</p>
|
||||
|
||||
<span class="thing bd-home-knowledge">
|
||||
<span class="icon"> <i class="fa-solid fa-circle-check"></i></span>
|
||||
<span class="icon"> <i class="fas fa-circle-check"></i></span>
|
||||
<strong>No CSS knowledge required!</strong>
|
||||
</span>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user