在Sass百分比中使用对物单元

Question

我已经使用sass创建了一个网格，但是我想将$gutter宽度更改为1 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宽度中否定像素值，所以得到了错误。