Bootstrap 5.2.1

[WhiskeyJack65]

Installed product versions

• Visual Studio: 2022 professional
• This extension: 1.14.8

Description

WebCompiler fails to transpile Bootstrap 5.2.1

Steps to recreate

1. Install WebCompiler 1.14.8
2. Install boostrap@5.2.1 using libman
3. import bootstrap.scss into custom.scss
4. right click custom.scss and select => Web Compliler / Re-compile file
5. Rebuild .net solution

Current behavior

Compile Errors

Error 0 argument $color of rgba($color, $alpha) must be a color
Backtrace
Styles/bootstrap/scss/_buttons.scss:21, in function rgba
Styles/bootstrap/scss/_buttons.scss:21

The offending line of code in _button.scss is:
--#{$prefix}btn-focus-box-shadow: 0 0 0 #{$btn-focus-width} rgba(var(--#{$prefix}btn-focus-shadow-rgb), .5);

If I comment this line out the solution compiles.

Expected behavior

I would expect that Web Compiler would transpile all scss files into a single css file in wwwroot/style directory.

[mrdavidhanson]

Experiencing the same

[ericcahoon]

Experiencing the same

[AchimStuy]

Bootstrap 4 used node-sass, which is deprecated and succeeded by sass in Bootstrap 5. @madskristensen can you please update the packages?

[AchimStuy]

I ended up using one of the alternatives described at https://github.com/Taritsyn/DartSassHost#whos-using-dart-sass-host-for-net