Jeet column() mixin overflow when nested with zero gutters
29.5K reputation · 29 Aug 2023, 17:29 UTC
When nesting Jeet’s column() mixin inside a container where gutters() is set to 0px, the calculated width of the inner columns can exceed the parent’s width, causing horizontal overflow.
The problem appears specifically when the inner columns also use shift() or the spread option, and its severity differs between Ruby Sass and LibSass (notably LibSass 3.5.x). Although Jeet’s documentation states that zero‑gutter layouts are supported, the example omits the required reset‑gutters() call that would prevent the miscalculation.
- What is the correct way to invoke reset‑gutters() before a nested row to avoid width overflow?
- Does calling reset‑gutters() reliably fix the overflow in LibSass 3.5.x while preserving the intended zero‑gutter design?
- Should a wrapper that reapplies the default gutter be used as a consistent workaround across Sass implementations?