stylelintを使ってSCSSを記述するとエラーが出るけんについて

Question

質問失礼いたします。

stylelintを使用して、SCSSを記述すると、
すぐにエラーが出てしまい、
SCSSを入力するたびに入力箇所にカーソルを合わせなくていけなくなってしまいました。

出てくるエラーは以下の通りです。
Error: expected ':' after $base in assignment statement
on line 1 of sass/Users/名前/lintfile/style.scss

$base {

^

Error: expected ':' after $base in assignment statement
on line 1 of sass/Users/名前/lintfile/style.scss

$base {

^

どうすればこのエラーを消すことができるのか、お気づきの方がいらっしゃいましたらご回答いただけますと幸いです。
よろしくお願いいたします。

Comments

[maisumakun]

「$base」はどのような文法要素でしょうか？

[sunacodesu]

ご返答有難うございます！
「＄base」ですが、

sassの変数を勉強中に、試しに適当に入力してみた変数の、
「$baseFontSize: 14px;」の$base
かな？とは思うのですが・・・
正直よくわかっておらずといった感じです。。。

[maisumakun]

> 正直よくわかっておらずといった感じです。。。

エラーメッセージのとおり、文法的に成立しません。消しましょう。

Answer 1

エラーメッセージのとおりです。$で始まる変数名をそのままセレクタに使うことはできません。

どうすればこのエラーを消すことができるのか

断片的すぎて、どう書き直すのが意図したものなのかわかりません。