From: Donát Nagy <doatech@hotmail.com>
Date: Thu, 26 Oct 2017 11:12:25 +0000 (+0200)
Subject: Add feature: is-expanded to navbar-item (#1320)
X-Git-Tag: 0.6.1~30
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=cddf8712b3f4b6e892cf7a58a3ee24a735949db6;p=thirdparty%2Fbulma.git

Add feature: is-expanded to navbar-item (#1320)
---

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 7a45eb972..cca236fbc 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,7 @@
 * 🎉 [List of buttons](https://bulma.io/documentation/elements/button/#list-of-buttons)
 * 🎉 #1235 Support for five column grid: `.is-one-fifth, .is-two-fifths, .is-three-fifths, .is-four-fifths`
 * 🎉 #1287 New `.is-invisible` helper
+* 🎉 #1255 New `.is-expanded` modifier for `navbar-item`
 
 ### Improvements
 
diff --git a/docs/documentation/components/navbar.html b/docs/documentation/components/navbar.html
index 4a9576a4c..eb04bd240 100644
--- a/docs/documentation/components/navbar.html
+++ b/docs/documentation/components/navbar.html
@@ -736,6 +736,9 @@ document.addEventListener('DOMContentLoaded', function () {
           <code>navbar-dropdown</code>
         </li>
       </ul>
+      <p>
+        You can add the modifier class <code>is-expanded</code> to turn it into a full-width element.
+      </p>
     </div>
 
     {% include anchor.html name="Transparent navbar" %}
diff --git a/sass/components/navbar.sass b/sass/components/navbar.sass
index 2910772a9..7f9c2af3e 100644
--- a/sass/components/navbar.sass
+++ b/sass/components/navbar.sass
@@ -130,6 +130,9 @@ a.navbar-item,
     max-height: $navbar-item-img-max-height
   &.has-dropdown
     padding: 0
+  &.is-expanded
+    flex-grow: 1
+    flex-shrink: 1
   &.is-tab
     border-bottom: 1px solid transparent
     min-height: $navbar-height