CODEWITHSUNDEEP
node.jsnpmgulp-sass
Josh
Josh

Reputation: 61

Gulp not compiling valid Sass

I have valid Sass which is not compiling. It gives me the following error. 

Error in plugin 'sass'
Message:
source\assets\sass\components\_college-footer.scss
Error: Invalid CSS after ".home": expected "{", was "&"
"&" may only be used at the beginning of a compound selector.

Below is the Sass that is trying to be complied:

.footer-wrapper{
        margin:0;
        border:0;
        border-top: 1px solid $light-gray;

        .home& {
            border-top:0;
        }

When I fix an issue, another just occurs. I'm thinking that there must be an issue with the Sass Gulp version.

Node version v4.4.7

NPM version v3.10.3

Gulp version v3.9.1

Reinstalled a number of times and the same result every time.

Upvotes: 0

Views: 117

Answers (1)

dev7
dev7

Reputation: 6369

Your syntax seems invalid, not sure why it's working on your co-workers' computers, perhaps their setup is the one the is wrong.

Try the following:

.footer-wrapper {
        margin:0;
        border:0;
        border-top: 1px solid $light-gray;
        &.home {
            border-top:0;
        }
}

Hope this helps!

Upvotes: 1

Related Questions