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);
}
GitHub:https://github.com/less/less.js
网站描述:一个CSS预处理器,意味着它扩展了CSS语言,增加了允许变量,混合,函数和许多其他技术的功能
less
官方网站:http://lesscss.org/
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。