CodePenのCSSでExpected newlineというエラーが出た時

CodePenでCSS（Scss構文）を書いていると、

というエラーが出て全くコンパイルされないことがありました。

調べてみたら、CSSのCSS Preprocessor設定でSCSSを選択するべきところをSassを選択していたがために発生していたエラーだ、ということが分かりました。

なのでもし同様のエラーが出た場合はSCSSを選択すれば問題は解決すると思います。

エラーの意味解説

ちなみにエラー内容の「Expected newline」はExpected（予定された、期待された）newline（改行）という意味なので、「改行が期待されている」、つまり本来は改行があるはずなのにない場合にエラーとなるようです。

これはSass構文では{ }の代わりに改行を用いることから、エラーとなってしまうようです。

あとついでにSass構文ではセミコロン ; も不要なようです。