These are chat archives for thoughtbot/neat

2nd
Dec 2016
Genyl Gicalde
@killgrey
Dec 02 2016 13:27
hi
Genyl Gicalde
@killgrey
Dec 02 2016 14:44
how to remove gutter?
Carl Morlock
@gin93r
Dec 02 2016 14:52
@killgrey The $display parameter of span-columns might be what you're looking for.
@killgrey @include span-columns(3, block-collapse);
Genyl Gicalde
@killgrey
Dec 02 2016 14:55
22.png
how do i fix that?
Carl Morlock
@gin93r
Dec 02 2016 14:55
It depends what you're trying to do. What is the intention?
Genyl Gicalde
@killgrey
Dec 02 2016 14:55
my input is @include span-columns(6 of 12)
that is mobile, if I removed the block-collapse it works fine
i don't want that whitespace
Carl Morlock
@gin93r
Dec 02 2016 14:57
Hmm. Are you able to post your source code?
Although it looks like that last element is doing span-columns(6 of 12) - maybe you have some incorrect markup around that element.
Genyl Gicalde
@killgrey
Dec 02 2016 14:58
22222.png
Carl Morlock
@gin93r
Dec 02 2016 15:00
Can you post your html as well?
Genyl Gicalde
@killgrey
Dec 02 2016 15:01
33333.png
@gin93r
this is how it looks on desktop
1234.png
and this is on mobile
mob.png
Carl Morlock
@gin93r
Dec 02 2016 15:11
Hmm - that is odd. My initial thoughts are that you could simplify your html a bit and make it a little simpler. If you give me a few moments I'll get a demo going of what you have so I can better troubleshoot it.
Genyl Gicalde
@killgrey
Dec 02 2016 15:11
sure no problem. thanks a lot
Carl Morlock
@gin93r
Dec 02 2016 15:12
What does the phone-only breakpoint look like?
Genyl Gicalde
@killgrey
Dec 02 2016 15:14
1444.png
Carl Morlock
@gin93r
Dec 02 2016 16:00
Definitely some weird stuff happening with that. Have you thought about using just percentages instead of span columns since you're not using columns/gutters anyway?
Genyl Gicalde
@killgrey
Dec 02 2016 16:05
yeah I guess ill try another maybe the span-columns doesn't work that way.
Carl Morlock
@gin93r
Dec 02 2016 16:59
I feel like it should though. It seems that having omega on every item breaks something as the last item gets 50% of it's width. It's odd.
Genyl Gicalde
@killgrey
Dec 02 2016 17:12
is there anyway I can remove the gutter? it's the block-collapse the problem
Genyl Gicalde
@killgrey
Dec 02 2016 17:23
finally i've work it out. maybe this is the right syntax and it works fine on mobile too
12.png
thanks anyway @gin93r
Carl Morlock
@gin93r
Dec 02 2016 18:08
Awesome! - yeah i thought about the width property as well, but then I felt it was almost pointless to have the span-columns. But maybe not.