diff options
author | Jeremy Thomas <bbxdesign@gmail.com> | 2021-01-15 00:31:45 +0300 |
---|---|---|
committer | Jeremy Thomas <bbxdesign@gmail.com> | 2021-01-15 00:31:45 +0300 |
commit | 3ceb3213a78c1613e53d8ad8b4351f7f3ba86546 (patch) | |
tree | df2cedd6c09145d06b2bca38d26a284a8dfa4c62 | |
parent | 696621d028fbda2d91d25b4df30b2c7f9a4486c2 (diff) |
Add new icon text blog post
-rw-r--r-- | docs/_includes/elements/link.html | 7 | ||||
-rw-r--r-- | docs/_layouts/post.html | 6 | ||||
-rw-r--r-- | docs/_posts/2021-01-12-new-feature-icon-text.md | 49 | ||||
-rw-r--r-- | docs/blog.html | 5 |
4 files changed, 60 insertions, 7 deletions
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 }} </p> {% endif %} + <h2 class="bd-link-name"> <figure class="bd-link-figure"> {% if include.icon %} @@ -21,9 +22,11 @@ {% endif %} {{ include.name }} </h2> - <p class="bd-link-subtitle"> + + <div class="bd-link-subtitle"> {{ include.subtitle }} - </p> + </div> + {% if include.more %} <div class="bd-link-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: <header class="bd-header"> <div class="bd-header-titles"> <h1 class="title"> - {{ page.title }} + {{ page.title | markdownify }} </h1> <p class="subtitle is-4"> {{ page.date | date_to_string }} @@ -81,13 +81,13 @@ breadcrumb: <nav class="bd-prev-next-bis"> {% if page.previous.url %} <a class="bd-prev-next-bis-previous" href="{{ page.previous.url }}"> - ← {{ page.previous.title }} + ← {{ page.previous.name }} </a> {% endif %} {% if page.next.url %} <a class="bd-prev-next-bis-next" href="{{ page.next.url }}"> - {{ page.next.title }} → + {{ page.next.name }} → </a> {% endif %} </nav> 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. + +<div class="block has-text-centered py-6"> + <span class="icon-text"> + <span class="icon"> + <i class="fas fa-home"></i> + </span> + <span>Home</span> + </span> +</div> + +You can combine several icons in sequence: + +<div class="block has-text-centered py-6"> + <span class="icon-text"> + <span class="icon"> + <i class="fas fa-train"></i> + </span> + <span>Paris</span> + <span class="icon"> + <i class="fas fa-arrow-right"></i> + </span> + <span>Budapest</span> + <span class="icon"> + <i class="fas fa-arrow-right"></i> + </span> + <span>Bucharest</span> + <span class="icon"> + <i class="fas fa-arrow-right"></i> + </span> + <span>Istanbul</span> + <span class="icon"> + <i class="fas fa-flag-checkered"></i> + </span> + </span> +</div> + +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: <div class="bd-links"> {% 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 %} |