“10％”不是“减轻”的数字

Question

使用此SASS：

$priamry-dark: #333;    

$nav-section-colors: (darkest, 10%) (darker, 15%) (dark, 20%) (medium, 30%) (light, 40%) (lighter, 50%) (lightest, 60%);

        @each $color in $nav-section-colors {
          .#{nth($color, 1)} {
            background: lighten($primary-dark, #{nth($color, 2)});
          }
         }

我收到错误：

"10%" is not a number for `lighten'

如果我手动输入lighten($primary-dark, 10%)，它就可以了。任何百分比都会出现问题。

Answer 1

所以回答我自己的问题，删除插值（＃{}）并直接使用nth（）的结果解决了我的问题。

感谢cimmanon指出我正确的方向。