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:37:26 +01:00
parent f3ed0b6d11
commit 6fddf7cefc
1 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -14,11 +14,13 @@ import color from '$lib/scss/tokens/text/\_color.scss?inline';
# Style tokens
The heart of the design system used to style all the components in this library is our style token system.
The heart of the design system used to style all the components in this library is our style token system. Style tokens give us an extremely flexible set of designs that can be easily customised or overwritten and make for the most concise, smallest CSS stylesheets possible.
While the token system is designed for our pre-made components, you can also use them to help shortcut the time you spend writing CSS.
## What's a "token"?
A token represents the value for an individual style rule, like `font-weight`. Each token sets just one style rule so they can be combined together to style an element.
A token represents the value for an individual style rule, like `font-weight`. Each token sets just one style rule, and multiple tokens can be combined together to style an element.
<Mermaid
name="token-graph"