Switch to Font Awesome 5

This commit is contained in:
Jeremy Thomas
2024-03-23 19:25:04 +00:00
parent f09a0ec38f
commit 0f694f95c6
18 changed files with 157 additions and 148 deletions

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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