基于Sass / Less / etc的网格系统?

时间:2012-11-07 09:48:01

标签: css css3 sass less

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

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

3 个答案:

答案 0 :(得分:2)

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

它强调了一个带有语义标记的网格,而不需要HTML中的.spanX等。

我在手写笔上写了一个改编版(他们的手写笔实现效果不是很好),所以如果你使用手写笔,我很乐意给你一份副本。

答案 1 :(得分:0)

960之后会有一点学习曲线,但我对http://framelessgrid.com/示例(响应)构建有很好的经验www.hardyamies.com

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

答案 2 :(得分:0)

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

您的HTML中不需要额外的类,流畅或固定的布局,适用于LESS,SCSS和Stylus。