微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

less

编程之家收集整理的这个编程导航主要介绍了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/

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。