試圖聲明SASS顏色變量並得到'無效的CSS'？

Question

我試圖在我的下一個項目（番茄鍾）上第一次使用SASS。要開始我只想聲明我的顏色變量並設置背景顏色。當我嘗試應用樣式時，出現此錯誤：

Invalid CSS after "...(35, 61, 77, 1)": expected expression (e.g. 1px, bold), was ";"

我的代碼如下。

/*All variables declared*/ 
$japaneseIndigo: rgba(35, 61, 77, 1); 
$babyPowder: rgba(255, 255, 250, 1); 
$princetonOrange: rgba(254, 127, 45, 1); 
$yankeesBlue: rgba(28, 48, 65, 1); 
$mediumSpringGreen: rgba(24, 242, 178, 1); 
/*Apply styles*/ 
*{ 
padding: 0; 
margin: 0; 
box-sizing: border-box; 
} 
body { 
    background-color: $yankeesBlue; 
} 

我知道這是一個超級簡單的問題，不應該需要這個論壇來回答，但我真誠地用Google搜索，並要求提供幫助的其他地方沒有任何的運氣。感謝您的幫助。

Answer 1

您使用的是sass或scss？我不認爲你可以使用';'在.sass文件中。 從這裏得到：Sass Invalid CSS Error: "expected expression" 而且雙重檢查：http://sass-lang.com/guide

Answer 2

在Codepen中，將您的預處理器從Sass更改爲SCSS。 What's the difference between SCSS and Sass?