The default theme's SCSS file gives a calc division warning

Web Themes Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Declined

Last Updated: 20 Apr 2023 04:12 by Ryan

Ryan

Created on: 18 Apr 2023 02:25

Type: Bug Report

The default theme's SCSS file gives a calc division warning

Hello,

I'm adding sass-loader to my webpack build so that I can keep up to date with the latest theme builds more easily. We simply use the default theme.

Webpack is giving me the following warning, however ...

WARNING in ./node_modules/@progress/kendo-theme-default/dist/all.scss (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/@progress/kendo-theme-default/dist/all.scss) Module Warning (from ./node_modules/sass-loader/dist/cjs.js): Deprecation Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. Recommendation: math.div($a, $b) or calc($a / $b) More info and automated migrator: https://sass-lang.com/d/slash-div node_modules\@progress\kendo-theme-default\dist\all.scss 1039:15 k-math-div() node_modules\@progress\kendo-theme-default\dist\all.scss 4138:21 root stylesheet @ ./node_modules/@progress/kendo-theme-default/dist/all.scss 8:6-188 22:17-24 26:7-21 52:25-39 53:36-47 53:50-64 57:6-67:7 58:54-65 58:68-82 64:42-53 64:56-70 66:21-28 77:0-158 77:0-158 78:22-29 78:33-47 78:50-64 55:4-68:5 1 warning has detailed information that is not shown. Use 'stats.errorDetails: true' resp. '--stats-error-details' to show it.

2 comments

Ryan

Posted on: 20 Apr 2023 04:12

OK, thank you. Switching to node-sass for now should get rid of the warning then? I'll swap to it.

Thanks!

ADMIN

Ivan Zhekov

Posted on: 19 Apr 2023 12:05

Hello, Ryan.

As of December 2022 in internal versions and 2023 R1, we have only a single slash division in our code and that's in our utility `k-math-div` function. The function is intended for use in node-sass in the places where we need actual division during compile time. In color math, to be exact. In those instances, we cannot use `calc` or `math.div` because the former is browser time computation and the later is part of dart-sass.

That's why you see the warning.

It should be noted, that this is just a warning -- everything will work as expected, nothing will break.

And when it does break with dart-sass 2, in the unforeseeable future, we are going to release a final version for node-sass and then switch to dart-sass entirely, which is going to be a major (incompatible / breaking) version for the themes.

For the time being, you can safely ignore the warning.

Regards,
Ivan Zhekov
Progress Telerik

Heads up! Telerik UI for ASP.NET AJAX versions for .NET 3.5 and 4.0 are retired. Progress will continue shipping assemblies compatible with .NET 4.5 and later. See whether this affects your apps in this article.