From 3ceb3213a78c1613e53d8ad8b4351f7f3ba86546 Mon Sep 17 00:00:00 2001 From: Jeremy Thomas Date: Thu, 14 Jan 2021 21:31:45 +0000 Subject: [PATCH] Add new icon text blog post --- docs/_includes/elements/link.html | 7 ++- docs/_layouts/post.html | 6 +-- .../2021-01-12-new-feature-icon-text.md | 49 +++++++++++++++++++ docs/blog.html | 5 +- 4 files changed, 60 insertions(+), 7 deletions(-) create mode 100644 docs/_posts/2021-01-12-new-feature-icon-text.md diff --git a/docs/_includes/elements/link.html b/docs/_includes/elements/link.html index 6f4ac669..fe010cfd 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 0b2c7a23..28a12cf9 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 00000000..6074d54d --- /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 fc595cf4..9d053a21 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 %}