Esbuild kendo-theme-bootstrap issue

1 Answer 150 Views
Styling / Themes
Vladislav
Top achievements
Rank 2
Iron
Iron
Vladislav asked on 17 Oct 2023, 07:10 PM | edited on 18 Oct 2023, 06:16 AM

Hello.

We use esbuild to build the react application. From a certain moment, the build fails us with an error: X [ERROR] Undefined operation "var(--bs-border-width) * 2".

It is possible to fix it somehow?

 

We use:

"@progress/kendo-theme-bootstrap": "^6.2.0"

"bootstrap": "^5.1.3"

 "react-bootstrap": "^2.6.0"

 

 

 

Thank you.

1 Answer, 1 is accepted

Sort by
0
Vessy
Telerik team
answered on 18 Oct 2023, 01:37 PM

Hello, Vladislav,

The thrown SASS error is related to the fact that Bootstrap v5.3 introduced a lot of changes that are incompatible with v5.2 and need some time to look through these changes, and have a clear position in mind to address them. You can track any progress we make on this item here:

Basically, one of the major changes is that the $input-btn-border-width is now a custom variable, so you should be able to temporary workaround the error either by downgrading to bootstrap 5.2.3. or by defining the following variable just before importing the _variables file:

$kendo-input-border-width:      1px !default;

I hope the provided information will be helpful for you.

Regards,
Vessy
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Tags
Styling / Themes
Asked by
Vladislav
Top achievements
Rank 2
Iron
Iron
Answers by
Vessy
Telerik team
Share this question
or