Original Summary

Hey everyone, I just open-sourced a small SCSS library I've been working on: MOGP Layout System. The scope is narrow on purpose: it only handles layout — container, grid, span, gap, and offset utilities — and stops there. No flex utilities, no typography, no color system, no components. If you already have your own design tokens or component library and just want a predictable, configurable grid layer underneath it, that's the gap this tries to fill. A few things I tried to get right: - Everything (classes + CSS custom properties) goes through a configurable namespace, so it won't collide with anything you already have - Grid column count and breakpoints aren't hardcoded — change $grid-columns: 12 to whatever you need and every span/offset/col-start class regenerates automatically - pi-auto / gap-auto apply spacing that scales per breakpoint from a single class, instead of stacking five responsive classes on every element - Compile-time validation — an invalid config (wrong breakpoint order, unsafe characters in a namespace or breakpoint key, etc.) fails the build with a clear error instead of silently shipping broken CSS - Two ready-made compiled CSS files if you don't want to touch Sass at all It's early (v0.1.0), MIT licensed, no dependencies beyond Dart Sass: https://github.com/withmehmet/mogp-layout Genuinely interested in feedback — especially if the scope feels too narrow, or if there's a common layout pattern this doesn't handle well.   submitted by   /u/withmehmet [link]   [comments]

  • 情报分类：技术学习与提效
  • 分类依据：内容涉及技术、AI、软件工具或工程实践
  • 信息来源：Reddit · SideProject
  • 发布时间：2026/9/20 19:09:48