diff --git a/docs/_javascript/main.js b/docs/_javascript/main.js
index a2333f5b..9a05f1fd 100644
--- a/docs/_javascript/main.js
+++ b/docs/_javascript/main.js
@@ -109,7 +109,7 @@ document.addEventListener('DOMContentLoaded', () => {
const $parent = $el.parentNode;
if ($parent && $parent.classList.contains('bd-is-more')) {
- const showEl = '';
+ const showEl = '';
$el.insertAdjacentHTML('beforeend', showEl);
} else if ($el.firstElementChild.scrollHeight > 480 && $el.firstElementChild.clientHeight <= 480) {
$el.insertAdjacentHTML('beforeend', expandEl);
diff --git a/docs/_javascript/navbar.js b/docs/_javascript/navbar.js
index 30fb789c..4d3b2147 100644
--- a/docs/_javascript/navbar.js
+++ b/docs/_javascript/navbar.js
@@ -12,12 +12,12 @@ document.addEventListener('DOMContentLoaded', () => {
if (fixedBottom) {
fixBottomEl.className = 'button is-success';
- fixBottomElIcon.className = 'fa fa-check-square-o';
+ fixBottomElIcon.className = 'far fa-check-square';
rootEl.classList.add('has-navbar-fixed-bottom');
navbarBottomEl.classList.remove('is-hidden');
} else {
fixBottomEl.className = 'button is-link';
- fixBottomElIcon.className = 'fa fa-square-o';
+ fixBottomElIcon.className = 'far fa-square';
rootEl.classList.remove('has-navbar-fixed-bottom');
navbarBottomEl.classList.add('is-hidden');
}
diff --git a/docs/_layouts/post.html b/docs/_layouts/post.html
index a79f8269..5503d326 100644
--- a/docs/_layouts/post.html
+++ b/docs/_layouts/post.html
@@ -12,7 +12,7 @@ route: blog
@@ -72,7 +72,7 @@ doc-subtab: dropdown
diff --git a/docs/_posts/2017-03-10-new-field-element.md b/docs/_posts/2017-03-10-new-field-element.md
index 829383b8..f01ab647 100644
--- a/docs/_posts/2017-03-10-new-field-element.md
+++ b/docs/_posts/2017-03-10-new-field-element.md
@@ -5,7 +5,7 @@ published: true
introduction: "
[More about modifiers](/documentation/modifiers/syntax/)" - type: "bulma" - icon: "fa" - title: "Font Awesome support" - content: "Bulma is compatible with [Font Awesome](http://fontawesome.io/) thanks to the `.icon` element." + icon: "font-awesome" + icon_brand: true + title: "Font Awesome 5 support" + content: "Bulma is compatible with both [Font Awesome 4](http://fontawesome.io/) and [Font Awesome 5](https://fontawesome.com/) thanks to the `.icon` element." - type: "bulma" icon: "plus" title: "100+ useful CSS helpers" @@ -35,6 +37,7 @@ bootstrap: content: "Considering how long it has been around, Bootstrap has a **larger community** than Bulma. As a result, more tools (like theming and plugins) are available, and more questions are answered around the internet." - type: "bootstrap" icon: "internet-explorer" + icon_brand: true title: "Internet Explorer compatibility" content: "While 90% of Bulma works in IE11, Bootstrap has better **compatibility** with this browser." - type: "bootstrap" @@ -44,7 +47,7 @@ bootstrap: --- - + @@ -53,7 +56,6 @@ bootstrap:Bulma: an alternative to Bootstrap
-
@@ -83,11 +85,11 @@ bootstrap:
+
+
-
@@ -136,6 +138,7 @@ bootstrap:
include pro.html
type=pro.type
icon=pro.icon
+ icon_brand=pro.icon_brand
title=pro.title
content=pro.content
%}
@@ -156,6 +159,7 @@ bootstrap:
include pro.html
type=pro.type
icon=pro.icon
+ icon_brand=pro.icon_brand
title=pro.title
content=pro.content
%}
diff --git a/docs/blog.html b/docs/blog.html
index 528552cc..e956abf6 100644
--- a/docs/blog.html
+++ b/docs/blog.html
@@ -13,7 +13,7 @@ route: blog
diff --git a/docs/css/bulma-docs.css b/docs/css/bulma-docs.css
index 2ca8d950..b6e99376 100644
--- a/docs/css/bulma-docs.css
+++ b/docs/css/bulma-docs.css
@@ -11816,6 +11816,7 @@ svg {
.bd-article-icon {
color: #0a0a0a;
+ font-size: 56px;
opacity: 0.25;
}
@@ -11823,10 +11824,6 @@ svg {
display: block;
}
-.bd-article-icon .fa {
- font-size: 56px;
-}
-
.bd-article-info {
padding: 20px;
}
@@ -12519,16 +12516,13 @@ html.route-index .title.is-2 a:hover {
}
html.route-index .title.is-2 .icon.is-medium {
+ font-size: 56px;
left: -80px;
opacity: 0.1;
position: absolute;
top: 10px;
}
-html.route-index .title.is-2 .icon.is-medium .fa {
- font-size: 56px;
-}
-
html.route-index .hero .title.is-2 a {
color: white;
}
diff --git a/docs/documentation/components/breadcrumb.html b/docs/documentation/components/breadcrumb.html
index 22055cac..46dc70af 100644
--- a/docs/documentation/components/breadcrumb.html
+++ b/docs/documentation/components/breadcrumb.html
@@ -43,10 +43,10 @@ doc-subtab: breadcrumb
{% capture breadcrumb_icons_example %}
{% endcapture %}
@@ -167,7 +167,7 @@ doc-subtab: breadcrumb
{% include anchor.html name="Icons" %}
@@ -44,7 +44,7 @@ doc-subtab: dropdown
The .control element has been a very versatile container for form controls. But it came at a cost: it was difficult to combine its block characteristics with its inline variations.
This username is available
@@ -89,13 +89,13 @@ Addons with multiple icons or states.This email is correct
diff --git a/docs/_posts/2017-11-14-bulma-is-on-patreon.md b/docs/_posts/2017-11-14-bulma-is-on-patreon.md index 0054b87a..422d386a 100644 --- a/docs/_posts/2017-11-14-bulma-is-on-patreon.md +++ b/docs/_posts/2017-11-14-bulma-is-on-patreon.md @@ -4,7 +4,8 @@ layout: post introduction: "Fix your navbar at the top or bottom" color: "primary" name: "Bulma on Patreon" -icon: "support" +icon: "patreon" +icon_brand: true --- **Bulma** has now its own [Patreon page](https://www.patreon.com/jgthms): diff --git a/docs/_sass/route.sass b/docs/_sass/route.sass index 9d0e2253..9b0fa342 100644 --- a/docs/_sass/route.sass +++ b/docs/_sass/route.sass @@ -7,12 +7,11 @@ html.route-index .title.is-2 a:hover color: $blue .title.is-2 .icon.is-medium + font-size: 56px left: -80px opacity: 0.1 position: absolute top: 10px - .fa - font-size: 56px .hero .title.is-2 a color: $white .hero .title.is-2 a:hover diff --git a/docs/_sass/specific.sass b/docs/_sass/specific.sass index d8dcd82a..1e55aeb5 100644 --- a/docs/_sass/specific.sass +++ b/docs/_sass/specific.sass @@ -116,11 +116,10 @@ .bd-article-icon color: $black + font-size: 56px opacity: 0.25 & > span display: block - .fa - font-size: 56px .bd-article-info padding: 20px diff --git a/docs/alternative-to-bootstrap.html b/docs/alternative-to-bootstrap.html index 003559f2..5573325b 100644 --- a/docs/alternative-to-bootstrap.html +++ b/docs/alternative-to-bootstrap.html @@ -2,6 +2,7 @@ bulma: - type: "bulma" icon: "css3" + icon_brand: true title: "Modern features" content: "By using the latest CSS3 features such as **Flexbox**, and planning on using **CSS Variables** and **CSS Grid**, Bulma aims to stay on the bleeding edge of browser technology." - type: "bulma" @@ -13,9 +14,10 @@ bulma: title: "Easy-to-learn syntax" content: "With simple readable **class names** like `.button` or `.title`, and a straightforward **modifiers system** like `.is-primary` or `.is-large`, it's easy to pick up Bulma in **minutes**.[More about modifiers](/documentation/modifiers/syntax/)" - type: "bulma" - icon: "fa" - title: "Font Awesome support" - content: "Bulma is compatible with [Font Awesome](http://fontawesome.io/) thanks to the `.icon` element." + icon: "font-awesome" + icon_brand: true + title: "Font Awesome 5 support" + content: "Bulma is compatible with both [Font Awesome 4](http://fontawesome.io/) and [Font Awesome 5](https://fontawesome.com/) thanks to the `.icon` element." - type: "bulma" icon: "plus" title: "100+ useful CSS helpers" @@ -35,6 +37,7 @@ bootstrap: content: "Considering how long it has been around, Bootstrap has a **larger community** than Bulma. As a result, more tools (like theming and plugins) are available, and more questions are answered around the internet." - type: "bootstrap" icon: "internet-explorer" + icon_brand: true title: "Internet Explorer compatibility" content: "While 90% of Bulma works in IE11, Bootstrap has better **compatibility** with this browser." - type: "bootstrap" @@ -44,7 +47,7 @@ bootstrap: --- - + @@ -53,7 +56,6 @@ bootstrap:
- {% include navbar.html id="Documentation" %}
-
+ {% include navbar.html id="Documentation" %}
-
{% include snippet.html content=breadcrumb_icons_example horizontal=true clipped=true %}
diff --git a/docs/documentation/components/card.html b/docs/documentation/components/card.html
index ea4bd52c..7b564b6b 100644
--- a/docs/documentation/components/card.html
+++ b/docs/documentation/components/card.html
@@ -44,7 +44,7 @@ doc-subtab: card
-
+
diff --git a/docs/documentation/components/dropdown.html b/docs/documentation/components/dropdown.html
index 154d7d2e..5f41a708 100644
--- a/docs/documentation/components/dropdown.html
+++ b/docs/documentation/components/dropdown.html
@@ -11,7 +11,7 @@ doc-subtab: dropdown
You can use any of the Font Awesome icons.
+You can use any of the Font Awesome icons.