Sass syntax issue. What is the problem?

Question

css

Hello. Started learning the Sass preprocessor. Installed Sass(3.4.21v). When you try to set a variable, everything is a bunch. But when in practice I start to apply a variable as a style, an error appears (I tried to remove the brackets).

$color: blue

h1 {
  color: $color
}

The error is this:

"Error: Invalid CSS after \"h1 \": expected selector or at-rule, was \"{\"\A         on line 10 of C:/Users/Worddoc/Desktop/htmlandcss/sass/screen.scss\A \A 5: \A 6: @import \"compass/reset\";\A 7: \A 8: $color: blue\A 9: \A 10: h1 {\A 11: 	color: $color\A 12: }"; }

HELP!

Answer 1

semicolon at the end of the line is required

Answer 2

You have scss syntax!
www.internet-technologies.ru/articles/article_1950.html
and in general both should work with the sass module
but with your syntax the file extension should be .scss
and I would write like this:

$color: blue;

h1 {
  color: $color;
}

put yourself a linter (scss-lint) - it will describe the errors in detail and also highlight stylistic errors

Answer 3

Read about syntax. It seems like this:

$color: blue
h1
  color: $color