topbar-input-height variable missing

[carlotrimarchi]

Hi,
I was trying to set the $topbar-input-height variable as showed here: http://foundation.zurb.com/docs/components/topbar.html, but it's not working.

[olefredrik]

Hi,

The $topbar-input-height variable seems to be omitted from the latest version of Foundation (5.1.1). If you do a clean install of Foundation (with sass), you'll see that the $topbar-input-height variable is missing in the _settings.scss file. FoundationPress is based on the latest version of Foundation. Not sure why Zurb refers to a variable in the docs that does not exist.

What you could do is this:

Uncomment the $topbar-height variable in your config/_settings.scss file (line 1090) and specify your desired height.

In your site/_structure.scss file, just add

.top-bar {
    input { height: $topbar-height; }
}

Make that grunt watch (or whatever scss compiler you're using) is running, so that your changes are reflected in the app.css file.