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

6
.changeset/rotten-doors-remain.md Normal file
View File

@@ -0,0 +1,6 @@
---
"@openfun/cunningham-react": patch
"cunningham-demo": patch
---
Update stylesheet to use modern SASS

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 dark
format={false} format={false}
code={` code={`
@import "@openfun/cunningham-react/fonts"; // Imports default fonts ( Roboto ). You can also import fonts by yourself. @use "@openfun/cunningham-react/fonts"; // Imports default fonts ( Roboto ). You can also import fonts by yourself.
@import "@openfun/cunningham-react/icons"; // Imports icons ( Material Icons ). @use "@openfun/cunningham-react/icons"; // Imports icons ( Material Icons ).
@import "@openfun/cunningham-react/style"; // Imports the default theme. @use "@openfun/cunningham-react/style"; // Imports the default theme.
@import "cunningham-tokens"; // Imports the file you just generated. @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. > 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! 🎉 We're done! 🎉