csswizardry-grids icon indicating copy to clipboard operation
csswizardry-grids copied to clipboard
verified publisher icon csswizardry

Setting gutter on .one-whole/mobile first items to 0

Open itsmattsoria opened this issue 12 years ago • 2 comments

Is there/should there be a setting to have full-width grid items, either full-width by setting mobile-first to true, or full-width by applying the .one-whole class be gutterless? In most cases I have a padding set on whatever container the grid is sitting in for mobile/full-width layouts, and I imagine most other people do as well, so the gutter is not needed.

itsmattsoria avatar Aug 29 '13 20:08 itsmattsoria

I'm having this problem as well. @poopsplat how did you solve this?

marlun avatar Jan 25 '14 22:01 marlun

@marlun It's been a while since I worked on the project using this, and now looking back on it, I'm not sure where the problem was, because line 217 should take care of this problem, by setting a negative margin on the grid itself at full-width:

// 3. Apply a negative `margin-left` to negate the columns’ gutters.
217:  margin-left:-$gutter; /* [3] */

The project I was having the problem with seems to be working fine, and I can't find any modifications I made to make it work. Do you have a working example I could see?

itsmattsoria avatar Jan 26 '14 00:01 itsmattsoria