NPM download DIST folder all.scss Invalid CSS during compile

[keyofj]

When using the all.scss file from the DIST folder for the Bootstrap package the WebCompiler in Visual Studio 2019 throws the following errors:

In exports( "list/theme" )
Line: 9212: Invalid CSS - there is an extra comma at the end of the line.
Line: 9264: Invalid CSS - there is an extra comma at the end of the line.

I fixed these by removing the comma in my local environment.

In exports( "button/theme" )
// Focus state
When setting box-shadow the rgba function throws error:
argument $color of rgba($color, $alpha) must be a color

It appears that the variable $_button-border is built from the the function try-darken Line 413.
If I add @debug before the call it tells me that the values are:

get-function("try-darken")(#0d6efd, 0)

I haven't stated to change any variables for this file at all, I am only importing it.

My gut tells me it is an issue with the Web Compiler and not the SCSS, but I wanted to ask you first. I tried using node-sass but can't use it in our envrionment, I am stuck with the WebCompiler.

I was able to copy the code into the online compiler at beautifytools.com and it built fine.

Any thoughts?

To reproduce

1. Create blank scss file
2. Import all.scss: @import "kendoui/bootstrap/all.scss";
3. Compile file.

Expected behavior
Compile without errors.

Affected package (please remove the unneeded items)

• theme-bootstrap

Affected suites (please remove the unneeded items)

• Kendo UI for jQuery

Affected browsers (please remove the unneeded items)

• Not Applicable

Build system information (please remove the unneeded items)

• OS: [Windows 64-bit]
• Node version: 16.15.0
• NPM version: 8.5.5

[KimBum]

Just out of interest, which version of the theme-bootstrap package are you running?

[keyofj]

I was attempting to run the latest from your GitHub download at the time which was a 5.5.0 On July 25, 2022 at 3:21 AM Hannah ***@***.***> wrote: Just out of interest, which version of the theme-bootstrap package are you running? —Reply to this email directly, view it on GitHub, or unsubscribe.You are receiving this because you authored the thread.Message ID: ***@***.***>