Any Navigation Refills? about refills

[creuter]

We aren't currently planning to rebuild the navigation refill. We'll instead be focusing on smaller components that aren't so opinionated about how they're composed.

In the linked scss, $horizontal-bar-mode is defined as $large-screen, which is defined above that as $large-screen: 53.75em !default;. So those variables are there, and that doesn't appear to the problem.

It's more likely that you don't have the media function since upgrading your version of Neat. You can instead use the normal syntax for a media query:

@media screen and (min-width: $horizontal-bar-mode) {
  ...
}

or you could dig into the new grid-media function in Neat 2.0.0.

The next version of Refills will no longer depend on Neat, to remove these types of inconsistencies.

[bgarrant]

Sounds great. I will try that. Thanks.

[bgarrant]

Is there anything wrong with using that navigation refill as far as functions or browser compatibility? Just curious before I use it.

[creuter]

A lot of the implementation details could be argued, but the resulting markup and styling are fine, and should work in all modern browsers.

[bgarrant]

Thanks so much. Do you have any other suggestions of a more up-to-date responsive navigation script with dropdowns? Anything you can suggest?