Global Context doesn't seem to switch correctly when building Desktop First

[detectivepixel]

Using singularitygs 1.6.2

Following the documentation on the section of Responsive Grids i made the following declarations to setup my grid with Desktop First in mind.

I changed the value of the breakpoint variable to max-width as it was mentioned and mobile first to false.

$breakpoint-default-feature: 'max-width';

@include sgs-change('mobile first', false);

// Breakpoints
$tablet: 768px;
$mobile: 380px;

@include add-grid(12);
@include add-grid(4 at $tablet);
@include add-grid(2 at $mobile);

@include add-gutter(1/4);
@include add-gutter-style('opposite');

Then i added these lines of code

@include breakpoint($tablet) {
.test {
@include grid-span(4,1);
}
}

@include breakpoint($mobile) {
.test {
@include grid-span(2,1);
}
}

I was expecting both grid-spans to give me width: 100%

Only the $mobile breakpoint works.
When i checked the css file, the media query outputed for tablet was 2 columns wide and not 4 as expected.

Also

I read the documentation again and in another place it mentions the following:
Be aware this will only work with min-width media queries!

But in the Responsive Grid section it states (from what i made out) it works with both max-width and min-width media queries provided you do the mobile first switching.

I also tried an @include background-grid() but again doesn't work correctly. It outputs the media queries in the wrong order so it only displays the gradient for the tablet.

Worth mentioning is that when i used the Mobile First approach everything worked

[milkovsky]

Looks like the issue is not yet fixed. I have the same issues.
Singularity 1.8.0

[Vagelis-Prokopiou]

Singularity will continue to work as normal, but further development will stop.