「10％」不是一個數字的'減倉」

使用這個SASS：「10％」不是一個數字的'減倉」

$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%)它工作得很好。問題以任何百分比發生。

來源

2014-09-04 Aweary

不知道爲什麼你要遍歷所有這些導航部分，當一個類或封閉div應該足夠。 – 2014-09-04 17:17:40

我想要一組可以應用於項目各個部分的類（.darkest，.darker，.dark等）。 – Aweary 2014-09-04 17:19:33

感謝cimmanon，我能夠通過簡單地不使用SASS插值來解決它。 – Aweary 2014-09-04 17:24:21

-1

所以要回答我自己的問題，刪除插值（＃{}）並直接使用nth（）的結果解決了我的問題。

感謝cimmanon指引我在正確的方向。

來源

2014-09-04 17:25:33 Aweary

最好將重複項關閉爲重複項，而不是回答它們。 – cimmanon 2014-09-04 17:28:00

如何將其標記爲重複？ – Aweary 2014-09-04 17:31:11

「10％」 不是一個數字的'減倉」

回答

相關問題

「10％」不是一個數字的'減倉」