在Sass百分比中使用rem單元

Question

我已經使用sass創建了一個網格，但是我想將$ gutter-width更改爲1rem，但是我從百分比函數中得到語法錯誤，因爲它期待像素值。

$max-width: 960px; 
$total-columns: 12; 
$column-width: percentage(80px/$max-width); 
$gutter-width: percentage(20px/$max-width); 

@function column($column-size, $gutter: $gutter-width){ 
    @return $column-width * $column-size - $gutter-width; 
} 

Answer 1

要從SASS中的值中刪除單位，只需除以該單位。例如：

45px/1px = 45 

或

50px/2px = 25 

Answer 2

百分比函數期望無單位值;你得到的錯誤是因爲它期望像素值，所以它可以從$ max-width取消像素值。