fix(): improve migration guide

baloise · Oct 10, 2022 · 6eae447 · 6eae447
1 parent 5d684ca
commit 6eae447
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/packages/components/src/stories/migration/10-migration-from-10x-to-11x.stories.mdx b/packages/components/src/stories/migration/10-migration-from-10x-to-11x.stories.mdx
@@ -31,6 +31,14 @@ Moreover, change the import path to the alias `~` instead of using a relative pa
 @import '~@baloise/design-system-next-components/src/styles/global';
 ```
 
+To style your components we recommend to use css variables, however if you want to use sass variables import `global.utilities`:
+
+```
+@import '~@baloise/design-system-next-components/src/styles/global.utilities';
+```
+
+do not import for example `global.variables` everything should be provided by `global.utilities`.
+
 ### Vue / Vite
 
 In order to get the `~` alias working, update the vite.config.ts file and add the resolve config