css - 基于 Sass/Less/etc 的网格系统？

Question

我以前在我的设计中使用 960.gs 作为网格。效果很好。但是 html 中的类的数量有点乏味，而且因为我是一个网络纯粹主义者，所以在标记中控制样式总是感觉有点不对。

我试图找到一个很好的解决方案，它添加与 960.gs 相同的功能但没有所有额外的类，通过使用 som 聪明的 sass/less/etc。

Answer 1

听起来您正在寻找的是semantic.gs。

.spanX它强调在 HTML 中不需要等的带有语义标记的网格。

我已经在 stylus 中编写了它的改编版本（他们的 stylus 实现不是很好），所以如果你使用 stylus，我很乐意给你一份副本。

Answer 2

我强烈推荐http://semantic.gs/

在您的 HTML 中不需要额外的类，流畅或固定的布局，在 LESS、SCSS 和 Stylus 中工作。

Answer 3

960 之后它会有一点学习曲线，但我在http://framelessgrid.com/示例（响应式）构建方面有很好的经验 www.hardyamies.com

它可以作为 LESS 和 SASS 使用。关键概念是在 css 中使用列变量作为宽度。这意味着您可以通过命名保持语义。