- From: Sam Willis via GitHub <sysbot+gh@w3.org>
- Date: Tue, 29 Sep 2020 12:08:22 +0000
- To: public-design-tokens-log@w3.org
Your example of styles using previously defined tokens is exactly how I have been creating tokens for my headings too. I have followed this pattern through to other components too, such as buttons and cards that share a global `border-radius` token: ``` --border-radius-sm: 12px; --card-border-radius: var(--border-radius-sm); ... with other card specific tokens --button-border-radius: var(--border-radius-sm); ... with other button specific tokens ``` In terms of the gradient and shadows, I have been keeping each part of the property as a single token, such as your seperated example, but then creating a complete token from those. ``` --var-1: foo; --var-2: bar; --var-3: biz; --complete-var: var(--var-1) var(--var-2) var(--var-3) ``` -- GitHub Notification of comment by samwilliscreative Please view or discuss this issue at https://github.com/design-tokens/community-group/issues/42#issuecomment-700659439 using your GitHub account -- Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Tuesday, 29 September 2020 12:08:24 UTC