less代碼編寫工具est

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

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

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

}