SCSS Interpolationsfehler, arbeitet ein Prozentzeichen nach einer Variablen in einer Schleife

Question

Also das SCSS Code auf meinem MacBook feine zu verketten versucht, aber nicht meinen Ubuntu-Rechner:

@each $distance, $color in $range-distances{ 

    @each $track in $tracks { 
     .distance-slider--#{$distance}#{$track}{ 
      background: #{$color}; 
      background-image: linear-gradient(to right, #{$color} #{$distance}%, $grey 0); 
     } 
    } 
} 

ich die folgende Fehlermeldung erhalten:

[Task Failed [scss/_modules/input-range.scss 
Error: Invalid CSS after "...} #{$distance}%": expected expression (e.g. 1px, bold), was ", $grey 0);" 
     on line 101 of scss/_modules/input-range.scss 
>> -gradient(to right, #{$color} #{$distance}%, $grey 0); 
    ------------------------------------------^ 

Es ist nichts besonderes los ist in dieser Aufgabe entweder:

gulp.task('sass', ['clean:styles'], function() { 

    return gulp.src(paths.scssPath+'/site.scss') 
    .pipe(plumber({ errorHandler: handleErrors })) 
    .pipe(sourcemaps.init()) 
    .pipe(sass({ 
    includePaths: [ 
     paths.bowerPath + '/bootstrap-sass/assets/stylesheets', 
     paths.bowerPath + '/components-font-awesome/scss', 
     paths.scssGlob 
    ], 
    errLogToConsole: true, 
    outputStyle: 'expanded' 
    })) 
    .pipe(postcss([ 
    autoprefixer({ browsers: ['last 2 version'] }) 
    ])) 
    .pipe(sourcemaps.write()) 
    .pipe(gulp.dest(paths.cssCompiled)); 
}); 

ich den gleichen Schluck fil bin mit e, habe meine Pakete mit der gleichen package.json Datei installiert (also sind alle Abhängigkeitsversionen identisch), haben die gleiche Version von gulp (3.9.1), aber meine Knotenversionen sind unterschiedlich (4.2.1 unter OSX und 4.4 .4 auf Ubuntu).

Sollte ich diese Variablen auf andere Weise ausgeben oder sollte ich einfach versuchen, nodejs auf 4.2.1 herunterzurechnen?

Answer 1

Also ich weiß nicht, warum ich diesen Fehler auf meinem Ubuntu-Rechner bekommen würde und nicht auf meinem OSX-Rechner, vielleicht ist es die Knotenversion. Aber ich konnte es beheben, indem ich die Interpolation von # {$ distance} zu # {$ distance + '%'} ändere