less
less 介绍
Less 是一门 css 预处理语言,它扩充了 css 语言,增加了诸如变量、混合(mixin)、函数等功能,让 css 更易维护、方便制作主题、扩充。Less 可以运行在 Node 或浏览器端。
Less例子
@base: #f938ab;
.box-shadow(@style,@c) when (iscolor(@c)) {
-webkit-box-shadow: @style @c;
box-shadow: @style @c;
}
.box-shadow(@style,@alpha: 50%) when (isnumber(@alpha)) {
.box-shadow(@style,rgba(0,@alpha));
}
.box {
color: saturate(@base,5%);
border-color: lighten(@base,30%);
div { .box-shadow(0 0 5px,30%) }
}
输出:
.box {
color: #fe33ac;
border-color: #fdcdea;
}
.box div {
-webkit-box-shadow: 0 0 5px rgba(0,0.3);
box-shadow: 0 0 5px rgba(0,0.3);
}
网站地址:http://lesscss.org/
GitHub:https://github.com/less/less.js
网站描述:一个CSS预处理器,意味着它扩展了CSS语言,增加了允许变量,混合,函数和许多其他技术的功能
less官方网站
官方网站:http://lesscss.org/