less代碼編寫工具est

EST是一個基于Less的樣式工具庫，幫助您更輕松地書寫Less代碼。該項(xiàng)目由EFE團(tuán)隊(duì)開發(fā)而來，項(xiàng)目托管在GitHub上。

EST（EFE Styling Toolkit）是一個基于Less的樣式工具庫，幫助您更輕松地書寫Less代碼。EST提供了一系列方便快捷的mixin，只在調(diào)用時才輸出代碼。該項(xiàng)目由EFE團(tuán)隊(duì)開發(fā)而來，項(xiàng)目托管在GitHub上。

EST不希望提供直接給HTML調(diào)用的類名，用「樣式類」污染HTML代碼的語義。當(dāng)然您也可以根據(jù)自己的項(xiàng)目需求基于EST搭建樣式類庫，提供類名接口來進(jìn)行快速開發(fā)。

示例演示：

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>  

文本發(fā)光效果

查看代碼：

[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);  

}