less基本用法

webstorm配置less文件的方法

参考http://blog.csdn.net/a562550212/article/details/51777725

http://www.cnblogs.com/caiyuan9426/p/4663199.html

koala下载地址http://koala-app.com/index-zh.html

变量
less的 变量用@开头

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

#header {
  color: @light-blue;
}

mixins混合

.bordered {
  border-top: dotted 1px black;
  border-bottom: solid 2px black;
}

#menu a {
  color: #111;
  .bordered;
}

.post a {
  color: red;
  .bordered;
}

不带输出的混合
意思是只想把这段混合的代码留在.less中 而不会出现在.css中