Missing file extensions causing infinite loop error on compile

[JoshuaSoileau]

FYI.

In flexbox-grid.less there are no file extensions.

@import "variables";

// Mixins
@import "mixins/for";
@import "mixins/helpers";
@import "mixins/grid-framework";
@import "mixins/bem";

// Components
@import "components/col";
@import "components/grid";
@import "components/row";
@import "components/text";

.init(@breakpoints, @columns);

This was causing a compilation error for me, because it couldn't find the partials it was looking for. The partials need to have the file extension, .less appended to the end.

Changing it to this fixed it for me:

@import "variables.less";

// Mixins
@import "mixins/for.less";
@import "mixins/helpers.less";
@import "mixins/grid-framework.less";
@import "mixins/bem.less";

// Components
@import "components/col.less";
@import "components/grid.less";
@import "components/row.less";
@import "components/text.less";

.init(@breakpoints, @columns);

[petervmeijgaard]

Hi @JoshuaSoileau!

Thanks for the issue, I've applied the fix in the latest version, which is not public yet.
My sincere apologies for the late response. I've been wanting to refactor the grid for a long time now, but couldn't find the time to do so.
Yesterday I've already updated the Stylus and SASS variant, but applying the same code for the Less variant is kinda tricky. Less mixins won't play nice...

You can download one of these projects by using 'npm install @vivid-web/flexboxgrid-stylus'. Please have a little bit more patience before I fix this issue.