Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-15 02:04:29 -07:00
Code Issues Packages Projects Releases Wiki Activity

Use Font Awesome 5

Browse Source
This commit is contained in:
Jeremy Thomas
2018-01-10 16:30:23 +00:00
parent cc96e3cc7c
commit 3158236eb7
43 changed files with 303 additions and 301 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
docs/_includes/blog-hero.html
View File

@@ -13,7 +13,7 @@
</p>
<a class="button bd-is-rss" href="{{ site.url }}/atom.xml">
<span class="icon">
<i class="fa fa-rss"></i>
<i class="fas fa-rss"></i>
</span>
<span>Subscribe</span>
</a>

2
docs/_includes/elements/tw-button.html
View File

@@ -5,7 +5,7 @@
target="_blank"
href="https://twitter.com/intent/tweet?text={{ site.title | urlencode }}&hashtags=bulmaio&url={{ site.url }}&via=jgthms">
<span class="icon">
<i class="fa fa-twitter"></i>
<i class="fab fa-twitter"></i>
</span>
<span>
{{ include.label }}

4
docs/_includes/examples/navbar-bottom.html
View File

@@ -52,7 +52,7 @@
<p class="control">
<a class="bd-tw-button button" data-social-network="Twitter" data-social-action="tweet" data-social-target="http://localhost:4000" target="_blank" href="https://twitter.com/intent/tweet?text=Bulma: a modern CSS framework based on Flexbox&amp;hashtags=bulmaio&amp;url=http://localhost:4000&amp;via=jgthms">
<span class="icon">
<i class="fa fa-twitter"></i>
<i class="fab fa-twitter"></i>
</span>
<span>
Tweet
@@ -62,7 +62,7 @@
<p class="control">
<a class="button is-primary" href="https://github.com/jgthms/bulma/archive/0.5.1.zip">
<span class="icon">
<i class="fa fa-download"></i>
<i class="fas fa-download"></i>
</span>
<span>Download</span>
</a>

4
docs/_includes/examples/navbar-color.html
View File

@@ -56,7 +56,7 @@
<p class="control">
<a class="bd-tw-button button" data-social-network="Twitter" data-social-action="tweet" data-social-target="http://localhost:4000" target="_blank" href="https://twitter.com/intent/tweet?text=Bulma: a modern CSS framework based on Flexbox&amp;hashtags=bulmaio&amp;url=http://localhost:4000&amp;via=jgthms">
<span class="icon">
<i class="fa fa-twitter"></i>
<i class="fab fa-twitter"></i>
</span>
<span>
Tweet
@@ -66,7 +66,7 @@
<p class="control">
<a class="button is-primary" href="https://github.com/jgthms/bulma/archive/0.5.1.zip">
<span class="icon">
<i class="fa fa-download"></i>
<i class="fas fa-download"></i>
</span>
<span>Download</span>
</a>

4
docs/_includes/examples/navbar.html
View File

@@ -52,7 +52,7 @@
<p class="control">
<a class="bd-tw-button button" data-social-network="Twitter" data-social-action="tweet" data-social-target="http://localhost:4000" target="_blank" href="https://twitter.com/intent/tweet?text=Bulma: a modern CSS framework based on Flexbox&amp;hashtags=bulmaio&amp;url=http://localhost:4000&amp;via=jgthms">
<span class="icon">
<i class="fa fa-twitter"></i>
<i class="fab fa-twitter"></i>
</span>
<span>
Tweet
@@ -62,7 +62,7 @@
<p class="control">
<a class="button is-primary" href="https://github.com/jgthms/bulma/archive/0.5.1.zip">
<span class="icon">
<i class="fa fa-download"></i>
<i class="fas fa-download"></i>
</span>
<span>Download</span>
</a>

36
docs/_includes/features.html
View File

@@ -65,13 +65,13 @@
<nav class="level is-mobile">
<div class="level-left">
<a class="level-item">
<span class="icon is-small"><i class="fa fa-reply"></i></span>
<span class="icon is-small"><i class="fas fa-reply"></i></span>
</a>
<a class="level-item">
<span class="icon is-small"><i class="fa fa-retweet"></i></span>
<span class="icon is-small"><i class="fas fa-retweet"></i></span>
</a>
<a class="level-item">
<span class="icon is-small"><i class="fa fa-heart"></i></span>
<span class="icon is-small"><i class="fas fa-heart"></i></span>
</a>
</div>
</nav>
@@ -192,7 +192,7 @@
<a class="button">
<span>Dropdown button</span>
<span class="icon is-small">
<i class="fa fa-angle-down"></i>
<i class="fas fa-angle-down"></i>
</span>
</a>
</div>
@@ -270,7 +270,7 @@
<p class="control has-icons-left">
<input class="input is-small" type="text" placeholder="Search">
<span class="icon is-small is-left">
<i class="fa fa-search"></i>
<i class="fas fa-search"></i>
</span>
</p>
</div>
@@ -283,37 +283,37 @@
</p>
<a class="panel-block is-active">
<span class="panel-icon">
<i class="fa fa-book"></i>
<i class="fas fa-book"></i>
</span>
bulma
</a>
<a class="panel-block">
<span class="panel-icon">
<i class="fa fa-book"></i>
<i class="fas fa-book"></i>
</span>
marksheet
</a>
<a class="panel-block">
<span class="panel-icon">
<i class="fa fa-book"></i>
<i class="fas fa-book"></i>
</span>
minireset.css
</a>
<a class="panel-block">
<span class="panel-icon">
<i class="fa fa-book"></i>
<i class="fas fa-book"></i>
</span>
jgthms.github.io
</a>
<a class="panel-block">
<span class="panel-icon">
<i class="fa fa-code-fork"></i>
<i class="fas fa-code-branch"></i>
</span>
daniellowtw/infBoard
</a>
<a class="panel-block">
<span class="panel-icon">
<i class="fa fa-code-fork"></i>
<i class="fas fa-code-branch"></i>
</span>
mojs
</a>
@@ -334,25 +334,25 @@
<ul>
<li class="is-active">
<a>
<span class="icon is-small"><i class="fa fa-image"></i></span>
<span class="icon is-small"><i class="fas fa-image"></i></span>
<span>Pictures</span>
</a>
</li>
<li>
<a>
<span class="icon is-small"><i class="fa fa-music"></i></span>
<span class="icon is-small"><i class="fas fa-music"></i></span>
<span>Music</span>
</a>
</li>
<li>
<a>
<span class="icon is-small"><i class="fa fa-film"></i></span>
<span class="icon is-small"><i class="fas fa-film"></i></span>
<span>Videos</span>
</a>
</li>
<li>
<a>
<span class="icon is-small"><i class="fa fa-file-text-o"></i></span>
<span class="icon is-small"><i class="fas fa-file-alt"></i></span>
<span>Documents</span>
</a>
</li>
@@ -378,13 +378,13 @@
<nav class="level is-mobile">
<div class="level-left">
<a class="level-item">
<span class="icon is-small"><i class="fa fa-reply"></i></span>
<span class="icon is-small"><i class="fas fa-reply"></i></span>
</a>
<a class="level-item">
<span class="icon is-small"><i class="fa fa-retweet"></i></span>
<span class="icon is-small"><i class="fas fa-retweet"></i></span>
</a>
<a class="level-item">
<span class="icon is-small"><i class="fa fa-heart"></i></span>
<span class="icon is-small"><i class="fas fa-heart"></i></span>
</a>
</div>
</nav>

2
docs/_includes/footer.html
View File

@@ -19,7 +19,7 @@
<div class="control has-icons-left is-expanded">
<input type="email" value="" name="EMAIL" class="input is-flat required email" id="mce-EMAIL" placeholder="email address" required>
<span class="icon is-small is-left">
<i class="fa fa-envelope"></i>
<i class="fas fa-envelope"></i>
</span>
</div>
<div class="control">

2
docs/_includes/getting-started.html
View File

@@ -4,8 +4,8 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Hello Bulma!</title>
<link rel="stylesheet" href="{{ site.fontawesome }}">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/{{ site.version }}/css/bulma.min.css">
<script defer src="{{ site.data.icons.fontawesome5 }}"></script>
</head>
<body>
<section class="section">

12
docs/_includes/head.html
View File

@@ -6,15 +6,17 @@
<title>{% if page.fulltitle %}{{ page.fulltitle }}{% else %}{% if page.title %}{{ page.title }} | {% endif %}{{ site.title }}{% endif %}</title>
<link rel="stylesheet" href="{{ site.fontawesome }}">
{% if page.fontawesome4 %}
<link rel="stylesheet" href="{{ site.data.icons.fontawesome4 }}">
{% endif %}
{% if page.iconic %}
<link rel="stylesheet" href="{{ site.iconic }}">
<link rel="stylesheet" href="{{ site.data.icons.iconic }}">
{% endif %}
{% if page.ionicons %}
<link rel="stylesheet" href="{{ site.ionicons }}">
<link rel="stylesheet" href="{{ site.data.icons.ionicons }}">
{% endif %}
{% if page.mdi %}
<link rel="stylesheet" href="{{ site.mdi }}">
<link rel="stylesheet" href="{{ site.data.icons.mdi }}">
{% endif %}
<link rel="stylesheet" href="{{ site.url }}/css/bulma-docs.css?v={{ site.time | date: "%Y%m%d%H%M" }}">
@@ -45,4 +47,6 @@
<link rel="shortcut icon" href="{{site.url}}/favicons/favicon.ico?v=201701041855">
<meta name="msapplication-config" content="{{site.url}}/favicons/browserconfig.xml?v=201701041855">
<meta name="theme-color" content="#00d1b2">
<script defer src="{{ site.data.icons.fontawesome5 }}"></script>
</head>

8
docs/_includes/header.html
View File

@@ -8,12 +8,12 @@
<div class="nav-center">
<a class="nav-item" href="{{ site.github }}">
<span class="icon">
<i class="fa fa-github"></i>
<i class="fab fa-github"></i>
</span>
</a>
<a class="nav-item" href="{{ site.twitter }}">
<span class="icon">
<i class="fa fa-twitter"></i>
<i class="fab fa-twitter"></i>
</span>
</a>
</div>
@@ -50,7 +50,7 @@
target="_blank"
href="https://twitter.com/intent/tweet?text={{ site.title | urlencode }}&url={{ site.url }}&via=jgthms">
<span class="icon">
<i class="fa fa-twitter"></i>
<i class="fab fa-twitter"></i>
</span>
<span>Tweet</span>
</a>
@@ -58,7 +58,7 @@
<p class="control">
<a class="button is-primary" href="{{ site.download }}">
<span class="icon">
<i class="fa fa-download"></i>
<i class="fas fa-download"></i>
</span>
<span>Download</span>
</a>

12
docs/_includes/navbar.html
View File

@@ -10,13 +10,13 @@
<a class="navbar-item is-hidden-desktop" href="{{ site.github }}" target="_blank">
<span class="icon" style="color: #333;">
<i class="fa fa-lg fa-github"></i>
<i class="fab fa-lg fa-github"></i>
</span>
</a>
<a class="navbar-item is-hidden-desktop" href="{{ site.twitter }}" target="_blank">
<span class="icon" style="color: #55acee;">
<i class="fa fa-lg fa-twitter"></i>
<i class="fab fa-lg fa-twitter"></i>
</span>
</a>
@@ -101,7 +101,7 @@
<div class="level-item">
<a class="button bd-is-rss is-small" href="{{ site.url }}/atom.xml">
<span class="icon is-small">
<i class="fa fa-rss"></i>
<i class="fas fa-rss"></i>
</span>
<span>Subscribe</span>
</a>
@@ -163,12 +163,12 @@
<div class="navbar-end">
<a class="navbar-item is-hidden-desktop-only" href="{{ site.github }}" target="_blank">
<span class="icon" style="color: #333;">
<i class="fa fa-lg fa-github"></i>
<i class="fab fa-lg fa-github"></i>
</span>
</a>
<a class="navbar-item is-hidden-desktop-only" href="{{ site.twitter }}" target="_blank">
<span class="icon" style="color: #55acee;">
<i class="fa fa-lg fa-twitter"></i>
<i class="fab fa-lg fa-twitter"></i>
</span>
</a>
<div class="navbar-item">
@@ -192,7 +192,7 @@
<p class="control">
<a class="button is-primary" href="{{ site.download }}">
<span class="icon">
<i class="fa fa-download"></i>
<i class="fas fa-download"></i>
</span>
<span>Download</span>
</a>

2
docs/_includes/pro.html
View File

@@ -1,7 +1,7 @@
<article class="media bd-pro bd-is-{{ include.type }}">
<aside class="media-left">
<span class="icon">
<i class="fa fa-{{ include.icon }}"></i>
<i class="{% if include.icon_brand %}fab{% else %}fas{% endif %} fa-{{ include.icon }}"></i>
</span>
</aside>
<div class="media-content">