less.js、lessframework 和 CSS 网格 ala Blueprint 或 960.gs答案

【问题标题】：less.js, lessframework & CSS grids ala Blueprint or 960.gsless.js、lessframework 和 CSS 网格 ala Blueprint 或 960.gs
【发布时间】：2011-09-19 18:18:44
【问题描述】：

好的，Less.js 出现了，看来我创建一个带有“抽象”CSS 语言的 CSS 框架（尤其是“网格”系统）的梦想可能即将实现。

也就是说，960 和 Blueprint 都很棒……但是将样式信息放入 HTML 标记中让我很恼火，例如：

class="article grid_4 pull_2"

或任何语法:)

所以，现在看来我们可以这样做：

.article {
  .grid_container();
  .grid_four();
  .pull_two();
  .last();  
}

哎呀！

所以，我即将陷入为自己开发这个的困境——但我确信那里已经有一些聪明人已经做到了——所以在我开始任何繁重的工作之前......？

有什么线索吗？

请

达里尔。

【问题讨论】：

好的，我正在着手完成这项工作。我肯定不是第一个这样做的人吗？

标签： css less css-frameworks

【解决方案1】：

这是您正在寻找的 CSS 框架 - http://semantic.gs/

语义网格系统 - 明天的页面布局。设置列和装订线宽度，选择列数，并在像素和百分比之间切换。标记中没有任何丑陋的 .grid_x 类。哦，我们提到它是响应式的吗？由 LESS.js 和 1KB Grid 的创建者为您带来。

【讨论】：

正确。我创建并使用了我自己的...类似于您创建的 api -- 使用 px 或流体（尽管我的并不完美）
很高兴提交给大师...您是否也尝试过解决垂直和排版流程？

【解决方案2】：

我检查了 less ，这是它和新的 sass (scss) 语法之间的推动，但让我选择 sass 的原因是它有办法将 css 变成 scss 代码.

往返是我绝对想要的。一旦发生这种情况，Compass 就会出现。我打算尝试使用一些东西在 python 中编写所有代码，但是预处理 css 对我来说非常有意义，特别是因为我想使用 HTML5，如果规范发生变化，那么我可以调整生成。

【讨论】：

【解决方案3】：

顺便说一句，伙计们，我已经启动了我正在谈论的那个框架。

http://github.com/DarylAntony/lesser

我玩得很开心。

【讨论】：