Pre-built CSS files sizes

[Laurent]

Hi team,

I'm having a look at last kendo release and I notice that size of css pre-builts files are really really bigger than before (currently I'm using 2022 R2). Even if sass compile only the stylesheet of the button widget, I get a 553KB css file! Was 293KB in R2 2022.

Also, there are many css classes doubled by a counterpart beginning with .!k- like with:

.k-ratio-1 {
  aspect-ratio: 1;
}

.\!k-ratio-1 {
  aspect-ratio: 1 !important;
}

Can someone tell me what are all these css classes beginning with .!\k- ? And also why the stylesheet got so big?

 

Best regards,

Laurent.

[Vessy]

Hi, Laurent,

The duplicated classes are part of the themes utility package that we use in all components. The `!` sign in front of the class names means that we use the "!important" rule in it, so this selectors are used when we need very precised specificity.

As for the size of the css file, I have contacted the kendo team about this behavior and they will research it further. You can track the following issue for any update on this matter:

•  https://github.com/telerik/kendo-themes/issues/4506

Regards,
Vessy
Progress Telerik