Update changelog

diff --git a/CHANGELOG.md b/CHANGELOG.md
index ace72b428585c3fc479d5fdc24c14175bb4ecd4f..ff8e483b1de100ede073320a3b222a9e03d17cdb 100644 (file)
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,14 @@
 * #1236 `.table` hover effect is opt-in, by using the `.is-hoverable` modifier class
 * #1254 `.dropdown` now supports `.is-up` modifier
 
+### Improvements
+
+* #1257 Include placeholder mixin in `=input`
+
+### Issues closed
+
+* #708 Import variables in mixins
+
 ## 0.5.3
 
 ### New features

diff --git a/docs/_includes/elements/new-tag.html b/docs/_includes/elements/new-tag.html
new file mode 100644 (file)
index 0000000..0c69b82
--- /dev/null
+++ b/docs/_includes/elements/new-tag.html
@@ -0,0 +1,4 @@
+<div class="tags has-addons">
+  <span class="tag">New!</span>
+  <span class="tag is-info">{{ include.version }}</span>
+</div>
\ No newline at end of file

diff --git a/docs/documentation/components/dropdown.html b/docs/documentation/components/dropdown.html
index 32f65594649afcda9c8a2a884b499c369a9bb9c5..255f8491976645117557bfc95bb8302ba386380f 100644 (file)
--- a/docs/documentation/components/dropdown.html
+++ b/docs/documentation/components/dropdown.html
@@ -193,7 +193,7 @@ variables:
 {% endcapture %}
 
 {% capture dropdown_up_example %}
-<div class="dropdown is-up is-active">
+<div class="dropdown is-up">
   <div class="dropdown-trigger">
     <button class="button is-info" aria-haspopup="true" aria-controls="dropdown-menu7">
       <span>Dropup button</span>
@@ -351,6 +351,8 @@ variables:
 
     {% include anchor.html name="Dropup" %}
 
+    {% include elements/new-tag.html version="0.5.4" %}
+
     <div class="content">
       <p>
         You can add the <code>is-up</code> modifier to have a dropdown menu that appears above the dropdown button.
@@ -358,8 +360,8 @@ variables:
     </div>
 
     <div class="columns">
-      <div class="column is-half" style="display: flex; align-items: flex-end;">
-        {{dropdown_up_example}}
+      <div class="column is-half">
+        {{ dropdown_up_example }}
       </div>
       <div class="column is-half">
         {% highlight html %}{{dropdown_up_example}}{% endhighlight %}

diff --git a/docs/documentation/elements/button.html b/docs/documentation/elements/button.html
index 871d08c69a57b25ff062f21d773062a2ca95f3d0..7e3ac2381c29b08c7149c9b5a81262b0c7ba50b2 100644 (file)
--- a/docs/documentation/elements/button.html
+++ b/docs/documentation/elements/button.html
@@ -534,10 +534,6 @@ variables:
     <div class="columns">
       <div class="column">
         <div class="content">
-          <p>
-            <span class="tag is-success">New!</span>
-            <span class="tag is-info">0.4.2</span>
-          </p>
           <p>
             You can create a <strong>non-interactive button</strong> by using the <code>is-static</code> modifier. This is useful to align a text label with an input, for example when using <a href="{{site.url}}/documentation/form/general#form-addons">form addons</a>.
           </p>

diff --git a/docs/documentation/elements/table.html b/docs/documentation/elements/table.html
index dceade3ec7357f4d9ccaf8b2e2795d70946e4cbe..a7c6946ed46053e72c3c83f4887a4792fc2bedd6 100644 (file)
--- a/docs/documentation/elements/table.html
+++ b/docs/documentation/elements/table.html
@@ -382,10 +382,6 @@ variables:
           </ul>
         </li>
       </ul>
-      <p>
-        <span class="tag is-success">New!</span>
-        <span class="tag is-info">0.4.2</span>
-      </p>
       <p>
         You can set a table row as <strong>selected</strong> by appending the <code>is-selected</code> modifier on a <code>&lt;tr&gt;</code>
       </p>
@@ -506,6 +502,8 @@ variables:
       </div>
     </div>
 
+    {% include elements/new-tag.html version="0.5.4" %}
+
     <div class="columns">
       <div class="column">
         <p>You can add a <strong>hover effect</strong> on each row</p>

diff --git a/docs/documentation/form/general.html b/docs/documentation/form/general.html
index 7d82b9c98eec27a02e27ab96dc0058b3ea57e366..6fa4638c2742f17920ab6e1a19e15643d8bfd419 100644 (file)
--- a/docs/documentation/form/general.html
+++ b/docs/documentation/form/general.html
@@ -936,10 +936,6 @@ variables:
     </div>
 
     <div class="content">
-      <p>
-        <span class="tag is-success">New!</span>
-        <span class="tag is-info">0.4.2</span>
-      </p>
       <p>It can be useful to append a <a href="{{site.url}}/documentation/elements/button#static-button">static button</a>.</p>
     </div>
 
@@ -993,10 +989,6 @@ variables:
     {% include snippet.html content=group_expanded_example %}
 
     <div id="form-group-multiline" class="content">
-      <p>
-        <span class="tag is-success">New!</span>
-        <span class="tag is-info">0.4.4</span>
-      </p>
       <p>
         Add the <code>is-grouped-multiline</code> modifier to allow controls to fill up <strong>multiple lines</strong>. This is ideal for a long list of controls.
       </p>
@@ -1042,9 +1034,9 @@ variables:
     </div>
 
     {% include snippet.html content=field_label_example horizontal=true clipped=true %}
-               
+
                {% capture custom_message %}Form elements can be <strong>customized</strong> using the following generic variables. Simply set one or multiple of these variables <em>before</em> importing Bulma. <a href="{{ site.url }}/documentation/overview/customize/">Learn how</a>.{% endcapture %}
-                       
+
     {% include variables.html custom_message = custom_message %}
 
   </div>

diff --git a/docs/documentation/form/input.html b/docs/documentation/form/input.html
index 9130f947ed470f3632eb1cdd353b6d7bfcaba519..7fa3451ebbe81ee9956a9b3889d41de10d3830eb 100644 (file)
--- a/docs/documentation/form/input.html
+++ b/docs/documentation/form/input.html
@@ -357,10 +357,6 @@ variables:
     {% if site.vernum >= 43 %}
       <div class="columns">
         <div class="column is-half">
-          <p style="margin-bottom: 0.5rem;">
-            <span class="tag is-success">New!</span>
-            <span class="tag is-info">0.4.3</span>
-          </p>
           <div class="content">
             <p>
               You can resize the loading spinner by appending <code>is-small</code>, <code>is-medium</code> or <code>is-large</code> to the <code>control</code> container.

diff --git a/docs/documentation/form/select.html b/docs/documentation/form/select.html
index c8ca399eab04a245ac4310f3851a58c95467dfbb..77762c4037002c95bd332c7c7567f6b64e65083b 100644 (file)
--- a/docs/documentation/form/select.html
+++ b/docs/documentation/form/select.html
@@ -304,10 +304,6 @@ doc-subtab: select
       <div class="columns">
         <div class="column is-half">
           <div class="content">
-            <p>
-              <span class="tag is-success">New!</span>
-              <span class="tag is-info">0.4.4</span>
-            </p>
             <p>
               You can style a <strong>multiple select</strong> dropdown, by using the <code>is-multiple</code> modifier, and by using the <code>multiple</code> HTML attribute.
             </p>

diff --git a/docs/documentation/form/textarea.html b/docs/documentation/form/textarea.html
index 499b9a9b0a8d0a3179ad1b1ee35e5ce9669cd63c..e12f0d140dc539b6ff6fe6810bb7d5dfce74a971 100644 (file)
--- a/docs/documentation/form/textarea.html
+++ b/docs/documentation/form/textarea.html
@@ -143,10 +143,6 @@ doc-subtab: textarea
     {% include snippet.html content=textarea_example %}
 
     <div class="content">
-      <p>
-        <span class="tag is-success">New!</span>
-        <span class="tag is-info">0.4.4</span>
-      </p>
       <p>
         You can set the height of the textarea using the `rows` HTML attribute.
       </p>
@@ -183,10 +179,6 @@ doc-subtab: textarea
     {% if site.vernum >= 43 %}
       <div class="columns">
         <div class="column is-half">
-          <p style="margin-bottom: 0.5rem;">
-            <span class="tag is-success">New!</span>
-            <span class="tag is-info">0.4.3</span>
-          </p>
           <div class="content">
             <p>
               You can resize the loading spinner by appending <code>is-small</code>, <code>is-medium</code> or <code>is-large</code> to the <code>control</code> container.

diff --git a/docs/documentation/layout/container.html b/docs/documentation/layout/container.html
index db0c57be2b063bde0b73094340483b69225f667b..5d5326f42a7547e3d38caa9b2a6bddc19bc24b49 100644 (file)
--- a/docs/documentation/layout/container.html
+++ b/docs/documentation/layout/container.html
@@ -98,10 +98,6 @@ doc-subtab: container
 <div class="container">
   <h3 class="title is-4">Breakpoint containers</h3>
   <div class="content">
-    <p>
-      <span class="tag is-success">New!</span>
-      <span class="tag is-info">0.4.4</span>
-    </p>
     <p>
       With the two modifiers <code>.is-widescreen</code> and <code>.is-fullhd</code>, you can have a <em>fullwidth</em> container <strong>until</strong> those specific breakpoints.
     </p>