首页 文章

在SASS百分比函数中使用变量

提问于
浏览 次
1

出于某种原因，当我这样做时，我的SASS没有编译：

假设这是我的全局变量：

$gridColumnCount: 12;

@function gridCalc($colNumber, $totalColumns) {
    @return percentage(($colNumber / $totalColumns));
}

@mixin columns($columnSpan: 1) {
    width: gridCalc($columnSpan, $gridColumnCount);
}

返回此错误并且 scss 文件无法编译 .

语法错误：“1/12”不是“百分比”的无单位数

它似乎不是计算百分比，而是将参数作为字符串返回 .

如果我改变mixin使用非变量参数，一切都很完美......就像这样：

@mixin columns($columnSpan: 1) {
    width: gridCalc(4, 12);
}

有谁知道我哪里出错了 .

仅供参考： SASS version: 3.2.2

css sass

1 回答

  • 2

    感谢@Wesley Murch，我发现我的代码出了什么问题 . 我应该使用以下语法调用我的mixin：

    @for $i from 1 to $gridColumnCount {
    .span#{$i}, .mq-alpha-resize-to#{$i}  { @include columns($i);  }
}

    不是这个：

    @for $i from 1 to $gridColumnCount {
    .span#{$i}, .mq-alpha-resize-to#{$i}  { @include columns(#{$i});  }
}

    原因是SASS是interpolating的数字 .

    回复于

相关问题