or
Hello,
I've an error regarding Kendo style when I import it into an SCSS file. Let's assume I want to customize Kendo theme, I have 4 scss files :
@import 'tokens';
@import '@progress/kendo-theme-bootstrap/dist/all';
@import 'overrides';
However, when I import my base.scss file into the Vue App (whether in the main.js or the App.vue), I've this error :
Plugin: vite:css
File: /src/node_modules/@progress/kendo-theme-bootstrap/dist/all.scss:37542:173
Error: expected ";".
╷
37542 │ background-image: url('../../node_modules/@progress/kendo-theme-bootstrap/dist/k-map-get($_kendo-data-uris, $kendo-spreadsheet-insert-image-dialog-preview-img'));
│ ^
╵
node_modules/@progress/kendo-theme-bootstrap/dist/all.scss 37542:173 @import
src/assets/kendo.scss 2:9 @import
src/assets/base.scss 1:9 root stylesheet
If I import directly the kendo-theme-bootstrap scss file in the main.js or the App.vue, there is no error. Here is the StackBlitz reproducing the error:
https://stackblitz.com/edit/vitejs-vite-f63fqh
How can I resolve this ?
Best Regards,
Fabien / SYSCO
Hi,
I am using Kendo UI Material theme. I would like to switch between light and dark themes without reloading the whole site. May I know what are variables available that I can set in the code?