'sveltekit bootstrap sass preprocess
I have a SvelteKit project and I'm using bootstrap 5. The problem I'm facing is the use of bootstrap 5 with scss. I've add preprocess: sveltePreprocess(), to my svelte.config.js, and I can use <style lang="scss" global> in my svelte-files without any problems (I can import other scss-files, so that seems to work).
I npm i bootstrap installed bootstrap 5 and I want to change the variables $primary, $secondary and $font-family-sans-serif, but when I change those variables (i.e. in index.svelte on main route), then those changes don't seem to be preprocessed. It looks as if nothing is being compiled to plain css. What am I missing here?
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|