css - less.js、lessframework 和 CSS 网格 ala Blueprint 或 960.gs

Question

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

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

class="article grid_4 pull_2"

或任何语法:)

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

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

呜呜呜！

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

有什么线索吗？

亲切地

达里尔。

score 1 · Accepted Answer

我检查了 less ，这是它与新的sass (scss) 语法之间的推动，但让我选择 sass 的原因是它有一种将 css转换为scss 代码的方法。

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

score 1 · Accepted Answer

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

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

score 0 · Accepted Answer

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

我玩得很开心。

3 回答 3