CODEWITHSUNDEEP
ember.jssassember-cli
Ryxle
Ryxle

Reputation: 890

Ember serve thinks "/" is a division in shorthand background property

I have below code in my scss file.

.logo {
  background: url('../images/logo-web.svg') no-repeat -15px -453px / 235px 630px transparent;
}

When ember compile scss compiler thinks it's a division and do the calculation. This happens when I use ember serve only. Due to that issue syntax for the background is going to be wrong.

And this is what browser reads.

background: url("../images/logo-web.svg") no-repeat -15px -1.92766 630px transparent;

Above code will compile without any issues if I use sass compiler directly. This issue only happens when I compile using ember serve

Upvotes: 1

Views: 70

Answers (1)

Gaurav
Gaurav

Reputation: 12796

So this is likely this bug in the libsass compiler, which has already been fixed: https://github.com/sass/libsass/issues/1642

I suggest you update your ember-cli-sass addon to the latest version and then:

  1. delete node modules
  2. npm cache clear
  3. npm install

Upvotes: 1

Related Questions