wires/hypnagaga
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

token docs

Browse source
This commit is contained in:
Jon McClure 2023-07-30 16:12:59 +01:00
parent 97b1d614a6
commit 2b3cb8fd2a
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/docs/styles/tokens/intro.stories.mdx
View file

@ -71,7 +71,7 @@ Here's our table of text colour tokens, which has a few preset tokens for settin
copyable={[true, (t) => `@include ${t};`, false]}
/>
This table's tokens can be used through both a class or an SCSS mixin. (The table lets you click to copy for either.)
This table's tokens can be used through either a class or an SCSS mixin. (The table lets you click to copy for either.)
To use the token that sets the text colour to our "primary text colour" (i.e., black), you'd use the `Class` token like this:
@ -108,4 +108,4 @@ p {
}
```
It's normal that not every style is accounted for by our tokens, so expect you'll still have to write your own SCSS at times. But using the pre-made tokens will shortcut a lot of time spent tweaking styles to make designs consistent across your page. The styles set by our tokens have been pre-harmonised for you!
It's normal that not every style is accounted for by our tokens, so even if you use them expect you'll still have to write your own SCSS at times. But using the pre-made tokens will shortcut a lot of time spent tweaking styles to make designs consistent across your page. The styles set by our tokens have been pre-harmonised for you!