From: Jeremy Thomas Date: Thu, 14 Jan 2021 21:31:45 +0000 (+0000) Subject: Add new icon text blog post X-Git-Tag: 0.9.2~7 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=3ceb3213a78c1613e53d8ad8b4351f7f3ba86546;p=thirdparty%2Fbulma.git Add new icon text blog post --- diff --git a/docs/_includes/elements/link.html b/docs/_includes/elements/link.html index 6f4ac669e..fe010cfdb 100644 --- a/docs/_includes/elements/link.html +++ b/docs/_includes/elements/link.html @@ -4,6 +4,7 @@ {{ include.surtitle }}

{% endif %} +

{% if include.icon %} @@ -21,9 +22,11 @@ {% endif %} {{ include.name }}

-

+ +

{{ include.subtitle }} -

+
+ {% if include.more %}
{{ include.more }} diff --git a/docs/_layouts/post.html b/docs/_layouts/post.html index 0b2c7a239..28a12cf93 100644 --- a/docs/_layouts/post.html +++ b/docs/_layouts/post.html @@ -58,7 +58,7 @@ breadcrumb:

- {{ page.title }} + {{ page.title | markdownify }}

{{ page.date | date_to_string }} @@ -81,13 +81,13 @@ breadcrumb:

diff --git a/docs/_posts/2021-01-12-new-feature-icon-text.md b/docs/_posts/2021-01-12-new-feature-icon-text.md new file mode 100644 index 000000000..6074d54dd --- /dev/null +++ b/docs/_posts/2021-01-12-new-feature-icon-text.md @@ -0,0 +1,49 @@ +--- +title: "New feature: `.icon-text`" +layout: post +introduction: "An easy way to combine an `.icon` with text" +color: "primary" +name: "New feature: Icon Text" +icon: "star-of-life" +--- + +Bulma's `.icon` element has been around since its inception. It acts as a simple container for any **icon font**. And thanks to its fixed square dimensions, it provides the icon font time to load while preserving the space fo it. + +From version `0.9.2`, a new `.icon-text` element will be available. It allows you to easily combine an `.icon` element with **text**. The purpose of this new feature is to preserve the correct **alignment** of both parts. + +
+ + + + + Home + +
+ +You can combine several icons in sequence: + +
+ + + + + Paris + + + + Budapest + + + + Bucharest + + + + Istanbul + + + + +
+ +See the [full `.icon-text` documentation](/documentation/elements/icon/#icon-text). diff --git a/docs/blog.html b/docs/blog.html index fc595cf42..9d053a219 100644 --- a/docs/blog.html +++ b/docs/blog.html @@ -39,7 +39,8 @@ breadcrumb:
{% for post in site.posts %} {% assign date = post.date | date: "%B %-d" %} - {% assign more = post.introduction | markdownify | strip_html %} + {% assign name = post.title | markdownify %} + {% assign more = post.introduction | markdownify %} {% include elements/link.html path=post.url @@ -48,7 +49,7 @@ breadcrumb: icon_regular=post.icon_regular icon=post.icon surtitle=date - name=post.name + name=name subtitle=more %} {% endfor %}