變換LESS密新入筆密新

Question

我有以下的較少的Mixin這有助於我作出響應的東西：

.mobile-first(@minWidth, @rulesSet) { 
    @media only screen and (min-width: @minWidth) { 
     @rulesSet(); 
    } 
} 

我想把它改造成一個手寫筆的Mixin，我有這樣的代碼，但它不工作：

.mobile-first($minWidth, $rulesSet) 
    @media only screen and (min-width: $minWidth) 
     $rulesSet(); 

我使用的是這樣的：

body 
    font-family Helvetica, Arial, sans-serif 
    font-size 100% 
    line-height 1.5em 
    color #2a2a2a 
    -webkit-font-smoothing antialiased 
    .min-width(1200px 
     background-color pink 

希望你們能幫助我。

Regards !.

Answer 1

你需要在這裏使用塊混合。類似這樣的：

// This mixin accepts any block of code if called with + sign. 
// The provided block is stored in "block" variable 
// and expanded if used inside an interpolation ({}). 
mobile-first($minWidth) 
    @media only screen and (min-width: $minWidth) 
    {block} 

body 
    font-family Helvetica, Arial, sans-serif 
    font-size 100% 
    line-height 1.5em 
    color #2a2a2a 
    -webkit-font-smoothing antialiased 
    // calling it with a block 
    +mobile-first(1200px) 
    background-color pink