Add new icon text blog post

diff --git a/docs/_includes/elements/link.html b/docs/_includes/elements/link.html
index 6f4ac669e1814c57ae8164e0b038f4608e83e32d..fe010cfdb1d18f55e400c5702d7efc5019307d53 100644 (file)
--- 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 0b2c7a23963482cf61d17e3684d50773e65fa53b..28a12cf939ca10dc8021edfbdcac29927cb478fc 100644 (file)
--- 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 (file)
index 0000000..6074d54
--- /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 fc595cf42b70d5a28b56b7ece10d13136f061da4..9d053a219b1a030eff6b527d5be3b802237b4ac0 100644 (file)
--- 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 %}