sassblazorweb-compiler

@import SCSS files not recognized by compiler?

It won't compile it says:

Undefined variable: "$blue-logo-color."

In variables.scss I have:

$blue-logo-color: #3cabf5;

and in site.scss I have:

@import "variables.scss"

.blue-logo-color {
    color: $blue-logo-color;
}

.blue-logo-background-color {
    background-color: $blue-logo-color;
}

How can I make the WebCompiler include global scss/css files for the compiler? It also doesn't seem to recognize global includes from _Hosts.cshtml.

Solution

  • SCSS import statements require a semicolon

    @import "variables.scss";