EST是一个基于Less的样式工具库,帮助您更轻松地书写Less代码。该项目由EFE团队开发而来,项目托管在GitHub上。
EST(EFE Styling Toolkit)是一个基于Less的样式工具库,帮助您更轻松地书写Less代码。EST提供了一系列方便快捷的mixin,只在调用时才输出代码。该项目由EFE团队开发而来,项目托管在GitHub上。
EST不希望提供直接给HTML调用的类名,用「样式类」污染HTML代码的语义。当然您也可以根据自己的项目需求基于EST搭建样式类库,提供类名接口来进行快速开发。
示例演示:
EST在LESS 代码中引用、配置。
[js] view plaincopy
// quick import
@import 'est/src/all.less';
// override global variables
@support-old-ie: false;
@default-font-size: 14px;
// ...your own awesome less code starts here...
3D文本效果
查看代码:
[js] view plaincopy
<div class="est-3d">3D文本</div>
<style>
.est-3d {
.3d-text(#FFF);
}
</style>
文本发光效果
查看代码:
[js] view plaincopy
<div class="est-embossed">浮凸文本</div>
<div class="est-blind-embossed">浮凸文本</div>
<style>
.est-embossed {
.embossed-text(lightblue, #6699CC);
}
.est-blind-embossed {
.embossed-text(lightblue);
}