bulma-slider

bulma-slider copied to clipboard

Trying to import bulma-slider in a scss file throws this erros:

Failed to compile.

./src/components/Login/Login.scss (./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/react-scripts/node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/components/Login/Login.scss)
SassError: Invalid CSS after "...ck-height: math": expected expression (e.g. 1px, bold), was ".div($size, $slider"                                                                                                                                                                                              
        on line 19 of node_modules/bulma-slider/src/sass/index.sass
>>      $track-height: math.div($size, $slider-thumb-to-track-ratio);

   --------------------^

For me this was caused by using deprecated node-sass instead of sass.

See: https://sass-lang.com/blog/libsass-is-deprecated https://sass-lang.com/documentation/breaking-changes/slash-div#transition-period