Search code examples
bootstrap-4compass-sass

Boostrap 4 beta2 SASS compiling error in _root.scss

I just downloaded the boostrap 4 beta 2 version, but when I try to compile the (original) boostrap.scss file with my Koala compiler, I get this error

Error: Invalid CSS after "...lor}: #{$value}": expected "{", was ";" on line 4 of scss/_root.scss
from line 11 of scss\bootstrap.scss
Use --trace for backtrace.

This is _root.scss

:root {
// Custom variable values only support SassScript inside `#{}`.
@each $color, $value in $colors {
 --#{$color}: #{$value};
}

I tried to use 

--`#{$color}`: `#{$value}`;

but with no success

How can fix this problem?
Thanks

Solution

  • Update the version of your sass to fix the issue

    gem update sass

    or

    sudo gem update sass

    Ref : https://github.com/twbs/bootstrap/issues/24549