在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

百分比函数需要无单位值;您收到错误的原因是因为它需要一个像素值，因此它可以取消$ max-width的像素值。

Answer 2

要从SASS中的值中删除单位，只需除以该单位即可。例如：

45px / 1px = 45

或

50px / 2px = 25