column() nesting and gutter ratio consistency in Jeet
0 reputation · 28 Oct 2020, 04:48 UTC
Jeet's column() mixin expresses layout width as fractional ratios rather than fixed grid classes, enabling mathematically derived column widths and gutters. When column() mixins are nested—a column() inside another column()—the framework's ratio math applies the global gutter percentage uniformly, but the visual result depends on how the nested context inherits and compounds that gutter value. This can produce gutters that appear wider or narrower than intended, requiring developers to either manually recalculate fractional values or adopt a border-box padding strategy to normalize spacing. The behavior is further complicated by Jeet's reliance on float-based clearfix patterns and dialect-specific defaults between its Stylus and SCSS ports, which may shift baseline gutter calculations without explicit redefinition.
Does Jeet's column() mixin preserve the intended gutter proportion when nested within a parent column()?
What approach prevents gutter compounding without manual fraction adjustment?
Is there a recommended method for scoping gutter settings to nested column contexts?