Problem setting gutter to zero

[rolandtoth]

Gutter value 0 doesn't seem to work:

cell(2, 3, g: 0)

However, using 0.0001 works. Is there something I miss or is this a bug?

[juliancwirko]

Hi, are you sure that you don't have any other styles which could overwrite gutter styles? Maybe some paddings or margins on the same element?

[rolandtoth]

Yes, it's a new project with almost no styles. Plus the devtools shows 'invalid property value':

flex-basis: calc(100% * .25 - 0)

In case of 0.00001 it looks like this (it's a 1/4 col):

flex-basis: calc(100% * .25 - 6.25e-7rem)

[juliancwirko]

Ok, that's weird ;) I'll debug this asap.

[juliancwirko]

I've tested it using something like:

@import 's-grid-settings'
@import 's-grid-functions'

.grid
  grid()
  .cell
    cell(1, 3, g: 0)

And it produces me something like:

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.grid {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: row;
}
.grid .cell {
  flex-basis: calc(100% * 0.333333333333333 - 0rem);
  min-width: 0;
}

So it seems to work well. The output in the browser is also good in both cases with and without gutter.

[rolandtoth]

Thanks, I see now where it fails. It's the compiler setting --compress which removes the "rem" and then the CSS calc fails.

http://stylus-lang.com/docs/executable.html

I think sGrid work around this because I guess I'm not the only one who uses --compress.

[juliancwirko]

sure, good point, I'll try to fix this

[juliancwirko]

Ok, you can try with version 1.2.1 It is also published on npm

[rolandtoth]

Seems to work fine after the upgrade, thanks!