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

✨(react) add sass generator to react

Browse Source 
We need to use sass variable in order to use breakpoints in media
queries. Using native CSS vars in media queries is not possible.
This commit is contained in:
Nathan Vasse
2023-12-08 12:14:12 +01:00
committed by NathanVss
parent 5e3deb2399
commit 7b0686dede
6 changed files with 359 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/react/src/cunningham-tokens.css
View File

@@ -106,6 +106,12 @@
--c--theme--transitions--ease-out: cubic-bezier(0.33, 1, 0.68, 1);
--c--theme--transitions--ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
--c--theme--transitions--duration: 250ms;
--c--theme--breakpoints--xs: 0;
--c--theme--breakpoints--sm: 576px;
--c--theme--breakpoints--md: 768px;
--c--theme--breakpoints--lg: 992px;
--c--theme--breakpoints--xl: 1200px;
--c--theme--breakpoints--xxl: 1400px;
--c--components--forms-textarea--font-weight: var(--c--theme--font--weights--regular);
--c--components--forms-textarea--font-size: var(--c--theme--font--sizes--l);
--c--components--forms-textarea--border-radius: 8px;