enabling Flexbox Mode gives an ActionView::Template::Error

[addstar34]

Using Foundation 6.2.0.1 installed via Gem, I enable flex box as per the documentation and my site won't load. It's getting stuck loading application.css.scss.

_settings.scss
$global-flexbox: true;

foundation_and_overrides.scss
// @include foundation-grid;
@include foundation-flex-grid;
@include foundation-flex-classes;

returns the following error:

ActionView::Template::Error (Properties are only allowed within rules, directives, mixin includes, or other properties.):
6:
7: <title><%= content_for?(:title) ? yield(:title) : "Title" %></title>
8:
9: <%= stylesheet_link_tag "application" %>
10: <%= javascript_include_tag "application", 'data-turbolinks-track' => true %>
11: <%= csrf_meta_tags %>
app/views/layouts/application.html.erb:9:in `_app_views_layouts_application_html_erb__73442163__584527848'

[addstar34]

Upon further investigation I found enabling flexbox mode as per the documentation http://foundation.zurb.com/sites/docs/flexbox.html

Then, if I comment out @include foundation-top-bar assets are compiled and the site loads.

Looking at localhost:3000/assets/application.css I can see display: flex is set for numerous things but obviously top-bar is missing.

So it appears the error lines within _top_bar.scss.

[victorsosa]

you are right; there is an open issue foundation/foundation-sites#8325 for this

[mehlah]

I'm closing this as not related to foundation-rails.
Thanks 😗