less 中function

dongxiawu 發(fā)布于2019-08-29 11:28 / 807人閱讀

  /**
   * .margin(@space, @limit-groups)
   */
  .margin(@space, @index: 10) when (@index > 0 ) {
    @value: @space * @index;
    @valuepx: @value * 1px;

    .ml-@{value} {
      margin-left: @valuepx;
    }

    .mr-@{value} {
      margin-right: @valuepx;
    }

    .mt-@{value} {
      margin-top: @valuepx;
    }

    .mb-@{value} {
      margin-bottom: @valuepx;
    }

    @next: @index - 1;

    .margin(@space, @next);
  }

  .margin(5);

GPU云服務(wù)器云服務(wù)器 less less2 html使用less linux密令less

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/111669.html

相關(guān)文章

#Less# less相關(guān)知識點總結(jié)

摘要：是一門預處理語言，它擴展了語言，增加了變量函數(shù)等特性，使更易維護和擴展。所以在生產(chǎn)環(huán)境中，我們需要事前把文件編譯為正常的后，在相應(yīng)文件中引入，以后用戶訪問的都是編譯好的，為不是拿現(xiàn)編譯的。代碼編譯為的結(jié)果 Less和CSS的區(qū)別 HTML和CSS不屬于編程語言而是屬于標記語言,很難像JS一樣定義變量、編寫方法、實現(xiàn)模塊化開發(fā)等。LESS是一門CSS預處理語言，它擴展了CSS語言，增加了...

meteor199 2019-08-30 15:43 評論0 收藏0
Glup快速入門整理

摘要：下載打包插件引入引入的插件是個方法，必須記住調(diào)用。神來之筆其他的插件不用再引入了使用方法所有的插件用引出，其他插件的方法名統(tǒng)一為插件的功能名字即插件名字的最后一部分如將轉(zhuǎn)換為將轉(zhuǎn)換為的文件輸出到下實時刷新 Gulp介紹中文主頁: http://www.gulpjs.com.cn/ gulp是與grunt功能類似的前端項目構(gòu)建工具, 也是基于Nodejs的自動任務(wù)運行器能自動化...

HmyBmny 2019-08-20 18:12 評論0 收藏0
Glup快速入門整理

摘要：下載打包插件引入引入的插件是個方法，必須記住調(diào)用。神來之筆其他的插件不用再引入了使用方法所有的插件用引出，其他插件的方法名統(tǒng)一為插件的功能名字即插件名字的最后一部分如將轉(zhuǎn)換為將轉(zhuǎn)換為的文件輸出到下實時刷新 Gulp介紹中文主頁: http://www.gulpjs.com.cn/ gulp是與grunt功能類似的前端項目構(gòu)建工具, 也是基于Nodejs的自動任務(wù)運行器能自動化...

jhhfft 2019-08-29 12:58 評論0 收藏0
Glup快速入門整理

摘要：下載打包插件引入引入的插件是個方法，必須記住調(diào)用。神來之筆其他的插件不用再引入了使用方法所有的插件用引出，其他插件的方法名統(tǒng)一為插件的功能名字即插件名字的最后一部分如將轉(zhuǎn)換為將轉(zhuǎn)換為的文件輸出到下實時刷新 Gulp介紹中文主頁: http://www.gulpjs.com.cn/ gulp是與grunt功能類似的前端項目構(gòu)建工具, 也是基于Nodejs的自動任務(wù)運行器能自動化...

ysl_unh 2019-08-01 17:12 評論0 收藏0
關(guān)于sass、scss、less的概念性知識匯總

摘要：而使用預處理器，提供缺失的樣式層復用機制減少冗余代碼，提高樣式代碼的可維護性。所以我們在實際項目中衡量預編譯方案時，還是得想想，比起帶來的額外維護開銷，預處理器有沒有解決更大的麻煩。也是成熟的預處理器之一，而且有一個穩(wěn)定，強大的團隊在維護。這篇文章主要解答以下幾個問題，供前端開發(fā)者的新手參考。 1、什么是Sass和Less？ 2、為什么要使用CSS預處理器？ 3、Sass和Less的...

HmyBmny 2019-08-29 16:24 評論0 收藏0
關(guān)于sass、scss、less的概念性知識匯總

摘要：而使用預處理器，提供缺失的樣式層復用機制減少冗余代碼，提高樣式代碼的可維護性。所以我們在實際項目中衡量預編譯方案時，還是得想想，比起帶來的額外維護開銷，預處理器有沒有解決更大的麻煩。也是成熟的預處理器之一，而且有一個穩(wěn)定，強大的團隊在維護。這篇文章主要解答以下幾個問題，供前端開發(fā)者的新手參考。 1、什么是Sass和Less？ 2、為什么要使用CSS預處理器？ 3、Sass和Less的...

xuweijian 2019-08-02 11:15 評論0 收藏0