studio/cunningham
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

📝(doc) update instructions to use modern SASS

Browse Source 
Replaced deprecated '@import' with '@use' to align with best practices.
This commit is contained in:
Lebaud Antoine
2023-10-09 20:13:19 +02:00
committed by aleb_the_flash
parent 36eedc61c0
commit b714c3d543
2 changed files with 12 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/react/src/docs/installation.mdx
View File

@@ -53,13 +53,15 @@ Then, add these lines at the top of your main stylesheet file:
dark
format={false}
code={`
@import "@openfun/cunningham-react/fonts"; // Imports default fonts ( Roboto ). You can also import fonts by yourself.
@import "@openfun/cunningham-react/icons"; // Imports icons ( Material Icons ).
@import "@openfun/cunningham-react/style"; // Imports the default theme.
@import "cunningham-tokens"; // Imports the file you just generated.
@use "@openfun/cunningham-react/fonts"; // Imports default fonts ( Roboto ). You can also import fonts by yourself.
@use "@openfun/cunningham-react/icons"; // Imports icons ( Material Icons ).
@use "@openfun/cunningham-react/style"; // Imports the default theme.
@use "cunningham-tokens"; // Imports the file you just generated.
`}
/>
> If you are not using dart sass, you can use `@import`, please visit the [documentation](https://sass-lang.com/documentation/at-rules/import/).
> Please see [here](https://github.com/openfun/cunningham/tree/main/packages/tokens#use-the-design-tokens) to see how to use the design tokens in your source code.
We're done! 🎉