“10%”不是“减轻”的数字[重复]答案

【问题标题】："10%" is not a number for `lighten' [duplicate]“10%”不是“减轻”的数字[重复]
【发布时间】：2014-09-05 01:26:19
【问题描述】：

使用这个 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%)，它就可以正常工作。任何百分比都会出现问题。

【问题讨论】：

不知道为什么你要遍历所有这些导航部分，当单个类或封闭 div 应该足够时。
我想要一组可以应用于项目各个部分的类（.darkest、.darker、.dark 等）。
感谢 cimmanon，我能够通过不使用 SASS 插值来解决它。

标签： sass

【解决方案1】：

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

感谢 cimmanon 为我指明了正确的方向。

【讨论】：

最好将重复项作为重复项关闭，而不是回答它们。
如何将其标记为重复？