Known issues

Here is a list of common issues with kendo-themes and how to solve them.

Compilation is slow

Since day one of the themes, we wanted the themes to "automagically" load the styles needed for a given component. In other words, if you need just the grid, the themes will load all the input components, because they are needed for the editing functionality. That leads to multiple and repetitive child imports, hence a hit in performance when compiling.

If you need the entire theme, instead of importing /scss/all.scss, you can import /dist/all.scss. That's a single-file version of the theme and compiles much much faster.

If you need to import multiple components, you can take a look at our theme task and the sassimporter helper, which implements a sort of caching mechanism to avoid repetitive file processing.

Note: there is not much that can be done about dart-sass compiler, before we switch to sass module system.

Invalid nested calc expressions

Due the complexity of the themes it may happen to have nested or otherwise invalid calc expressions in the generated css. To handle this we suggest using postcss-calc, refer to our Compiling themes article for more information how to use postcss-calc in your gulp or webpack workflow.