Why expected 1px bold for background color? [duplicate]

Question

This is my sass:

table#orders {
    background-color:#ff0000;
}

However, when I actually run this, I got an error saying Invalid CSS after "#ff0000": expected expression (e.g. 1px, bold), was ";" I don't know why it is expecting something like 1px for background-color. Can anyone help me figure it out?

Answer 1

probably your sass file extension is *.sass, change to *.scss

*.sass has different syntax, that's why it throws these "crazy" errors.

*.scss support normal css synthax, like yours

if you got interested to learn about these syntax, we have a good question about this:

What's the difference between SCSS and Sass?