摘要:變量變量使用混合混合使用運算運算包含了所有傳遞進來的參數條件判斷條件判斷使用
//less
@color: #4D926F;
//使用
#header {
color: @color;
}
//less
.rounded-corners (@radius: 5px) {
border-radius: @radius;
}
//使用
#footer {
.rounded-corners(10px);
}
//less
@the-border: 1px;
@base-color: #111;
@red: #842210;
#header {
color: @base-color * 3;
border-left: @the-border;
border-right: @the-border * 2;
}
#footer {
color: @base-color + #003300;
border-color: desaturate(@red, 10%);
}
@arguments包含了所有傳遞進來的參數
.box-shadow (@x: 0, @y: 0, @blur: 1px, @color: #000) {
box-shadow: @arguments;
}
//less
.arrow(@direction,@color,@pixel:5px) when (@direction = up) {
.arrowUp(@color);
.arrowSet(@pixel);
}
.arrow(@direction,@color,@pixel:5px) when (@direction = down) {
.arrowDown(@color);
.arrowSet(@pixel);
}
//使用
div.d1{
.arrow(right,red);
}
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/1319.html
使用grunt實時編譯less文件 下圖是項目的文件組織 showImg(https://segmentfault.com/img/bVqbtg); 生成package.json文件,通過npm init命令。 安裝你需要的Devdependencies/denpendencies。 npm install grunt --save-dev npm install load-grunt-ta...
摘要:環境安裝本站實例采用的是百度的靜態資源庫上的資源。不包含文檔和最初的源代碼文件。點擊該按鈕,您可以直接從上得到最新的和源代碼。如果您使用的是未編譯的源代碼,您需要編譯文件來生成可重用的文件。 1.Bootstrap 1.1 Bootstrap 包的內容 基本結構:Bootstrap 提供了一個帶有網格系統、鏈接樣式、背景的基本結構。這將在 Bootstrap 基本結構 部分詳細講解。...
閱讀 2662·2021-11-25 09:43
閱讀 2472·2021-09-22 15:29
閱讀 984·2021-09-22 15:17
閱讀 3628·2021-09-03 10:36
閱讀 2223·2019-08-30 13:54
閱讀 1740·2019-08-30 11:23
閱讀 1163·2019-08-29 16:58
閱讀 1290·2019-08-29 16:14