Responsive grids not compiling with breakpoints, for example add-grid(4 at 500px);

[finnlewis]

Hi there!

I have the grids working fine, but trying to include different grids at different breakpoints is not working.

For example,

add-grid(1);
add-grid(4 at 500px);

Just provides a single column grid, suggesting the is add-grid with the breakpoint is being ignored: add-grid(4 at 500px);

Further to this, trying to use the breakpoint() as follows only presents a 4 column grid, at all widths.

@include add-grid(1);

@include breakpoint(500px) {
  @include add-grid(4);
}

Does this suggest that the breakpoint and singularity are not playing well?
Initial versions:

    "compass-breakpoint": "~2.5.0",
    "singularity": "~1.6.2"

Also tested and saw the same behaviour with:

    "compass-breakpoint": "~2.6.0",
    "singularity": "~1.7.0"

Might there be something else that is conflicting?

We're using gulp sass to compile: "gulp-sass": "^2.0.3",

Any ideas?

Many thanks,

Finn