less-变量

1、

编辑less：

@nice-blue: #5B83AD;
@light-blue: @nice-blue + #111;

header {
  color: @light-blue;
}

生成css：

#header {
  color: #6c94be;
}

2、

编辑less：

// Variables
@link-color:        #428bca; // sea blue
@link-color-hover:  darken(@link-color, 10%);

// 用法
a,
.link {
  color: @link-color;
}
a:hover {
  color: @link-color-hover;
}
.widget {
  color: #fff;
  background: @link-color;
}
Va

生成css：

a,
.link {
  color: #428bca;
}
a:hover {
  color: #3071a9;
}
.widget {
  color: #fff;
  background: #428bca;
}