icon Rails 的相关感想

LESS与Sass

我在InfoQ上读了使用LESS和Sass让CSS变得更简洁,尽管这个与Rails没有直接的关系。

不管是LESS 还是 Sass 其目的都是相同的。因为在CSS 中产生了增加了嵌套与变量概念的新的语言,让CSS的生成变得更轻松。

LESS 的示例代码如下。

@brand_color: #4D926F;

#header {
  color: @brand_color;
}

h2 {
  color: @brand_color;
}

Sass 的示例代码如下。

!blue = #3bbfce
!margin = 16px

.content_navigation
  border-color = !blue
  color = !blue - #111

.border
  padding = !margin / 2
  margin = !margin / 2
  border-color = !blue

凭我的直觉,LESS更能让人接受。只凭使用Ruby 程序员熟识的 @ 记号表示变量,以及沿袭CSS使用中括弧({ })这两点,便可决出胜负了。普及不被熟悉的符号和记法并不是那么容易的事情。


参考资料

  • Sass and Less (nex-3.com) --- Haml 与 Sass 的作者 Nathan Weizenbaum 的博客。

(2009/08/03)