css - 在 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