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

♻️(demo) demonstrate token references

Browse Source 
Demonstrate the use of token references by editing the greyscale
color which is used by lots of components.
This commit is contained in:
Nathan Vasse
2023-06-29 16:41:35 +02:00
committed by NathanVss
parent 672f4be4d4
commit a526243667
4 changed files with 9 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
apps/demo/src/cunningham-tokens.css
View File

@@ -22,7 +22,7 @@
--c--theme--colors--greyscale-000: #FFFFFF;
--c--theme--colors--greyscale-100: #FAFAFB;
--c--theme--colors--greyscale-200: #F3F4F4;
--c--theme--colors--greyscale-300: #E7E8EA;
--c--theme--colors--greyscale-300: #ff18e5;
--c--theme--colors--greyscale-400: #C2C6CA;
--c--theme--colors--greyscale-500: #9EA3AA;
--c--theme--colors--greyscale-600: #79818A;
@@ -36,7 +36,7 @@
--c--theme--colors--success-400: #A0E659;
--c--theme--colors--success-500: #76D628;
--c--theme--colors--success-600: #5AB81D;
--c--theme--colors--success-700: #419A14;
--c--theme--colors--success-700: lime;
--c--theme--colors--success-800: #2C7C0C;
--c--theme--colors--success-900: #1D6607;
--c--theme--colors--info-text: #FFFFFF;
@@ -78,13 +78,6 @@
--c--theme--font--sizes--l: 1rem;
--c--theme--font--sizes--m: 0.8125rem;
--c--theme--font--sizes--s: 0.6875rem;
--c--theme--font--weights--thin: 200;
--c--theme--font--weights--light: 300;
--c--theme--font--weights--regular: 400;
--c--theme--font--weights--medium: 500;
--c--theme--font--weights--bold: 600;
--c--theme--font--weights--extrabold: 700;
--c--theme--font--weights--black: 800;
--c--theme--font--families--base: "Roboto Flex Variable", sans-serif;
--c--theme--font--families--accent: "Roboto Flex Variable", sans-serif;
--c--theme--spacings--xl: 4rem;