以字體速記將單位添加到字體大小和行高變量

Question

我嘗試學習SASS。爲了編譯我的文件，我使用了Prepros應用程序。它運行良好，直到我開始使用mixin。我的代碼如下：

@mixin fontface($size) { 
    font: ($size)px/($size*1.7)px "Roboto Slab", Georgia, sans-serif; 
} 

我用它是這樣的：

@include fontface(28); 

當我編譯它，我的空間添加到變量，像這樣：

font: 28 px/47.6 px "Roboto Slab", Georgia, sans-serif; 

如何我可以改變它嗎？是因爲應用程序，還是我做錯了什麼？

Answer 1

添加單位的正確方法是通過乘法。但是，你需要把其中一個值轉換爲字符串，以防止分裂的簡寫：

@mixin fontface($size) { 
    font: #{$size}/#{$size * 1.7} "Roboto Slab", Georgia, sans-serif; 
} 

.foo { 
    @include fontface(10px); 
} 

：

@mixin fontface($size) { 
    font: #{$size * 1px}/#{$size * 1.7px} "Roboto Slab", Georgia, sans-serif; 
} 

相反，你可能只想應用單元將它傳遞給混入前

或者使用無單位的line-height：

@mixin fontface($size) { 
    font: #{$size}/1.7 "Roboto Slab", Georgia, sans-serif; 
} 

.foo { 
    @include fontface(10px); 
}