EST——編寫Less程式碼更輕鬆！

EST不希望提供直接給HTML呼叫的類名，用「樣式類」汙染HTML程式碼的語義。當然您也可以根據自己的專案需求基於EST搭建樣式類庫，提供類名介面來進行快速開發。

示例演示：

EST在LESS 程式碼中引用、配置。

// 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文字效果

檢視程式碼：

<div class="est-3d">3D文字</div>  
  
<style>  
.est-3d {  
    .3d-text(#FFF);  
}  
  
</style> 

文字發光效果

檢視程式碼：

<div class="est-embossed">浮凸文字</div>  
<div class="est-blind-embossed">浮凸文字</div>  
  
<style>  
.est-embossed {  
    .embossed-text(lightblue, #6699CC);  
}  
  
.est-blind-embossed {  
    .embossed-text(lightblue);  
}  
</style>  

除了以上這兩種效果，您還可以演示模糊效果、凹陷效果、浮凸效果等，感興趣的朋友可以移步專案主頁：https://github.com/ecomfe/est。

• 下載最新穩定版本： .zip 或 .tar.gz
• 檢視API文件：http://ecomfe.github.io/est/
• Typography相關示例
• Effects相關示例