KendoReact printing out a lot of CSS when I run

[Ryan]

Hello,

Whenever I run my project a ton of CSS is being printed. How can I stop this?

Thanks.

[Konstantin Dikov]

Hello Ryan,

Could you please elaborate on what you are referring to by "printing CSS"? The KendoReact suite requires a theme package to be loaded for the styles of the components, so if you are referring to the theme file, if you remove them, no styles will be applied to the copmnents and they will be unusable.

 

Regards,
Konstantin Dikov
Progress Telerik

[Ryan]

It's printing warnings about the divide by zero error in one of the CSS files. I believe this has been discussed elsewhere but I was unable to find it.

[Ryan]

 @return ( $a / $b );

[Ryan]

DEPRECATION WARNING: 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

     ╷
1029 │     @return ( $a / $b );
     │               ^^^^^^^
     ╵
    stdin 1029:15  k-math-div()
    stdin 502:13   k-color-contrast-ratio()
    stdin 539:26   k-contrast-color()
    stdin 1749:24  root stylesheet

[Ryan]

It then proceeds to print out A LOT of CSS from the library 

[Konstantin Dikov]

Hi Ryan,

Thank you for the additional information.

Regarading the warning message, please refer to the answer in the following thread from our front-end architect:

• https://feedback.telerik.com/kendo-react-ui/1597449-kendo-theme-bootstrap-math-div