W3C home > Mailing lists > Public > public-design-tokens-log@w3.org > March 2020

Re: [community-group] [RFC] Format specification (#1)

From: Fredrik Broman via GitHub <sysbot+gh@w3.org>
Date: Mon, 02 Mar 2020 07:39:12 +0000
To: public-design-tokens-log@w3.org
Message-ID: <issue_comment.created-593262924-1583134751-sysbot+gh@w3.org>
We did font-sizes and line-heights as separate tokens in my last project, mainly because each font-size can have multiple line-heights: "regular" and "loose". We couple font-sizes and line-heights by size index., basically like this:

```
# Tokens
font-size-1: 14px
font-size-2: 20px
line-height-1: 1.25
line-height-1-loose: 1.45
line-height-2: 1.2
line-height-2-loose: 1.4
```

Then made into type styles, like this:

```
font-style-1
  font-size-1
  line-height-1

font-style-2
  font-size-1
  line-height-1-loose

font-style-3
  font-size-2
  line-height-2

font-style-4
  font-size-2
  line-height-2-loose
```

That's one concrete reason for separating font-size and line-height as tokens.

-- 
GitHub Notification of comment by frebro
Please view or discuss this issue at https://github.com/design-tokens/community-group/issues/1#issuecomment-593262924 using your GitHub account
Received on Monday, 2 March 2020 07:39:13 UTC

This archive was generated by hypermail 2.4.0 : Monday, 2 March 2020 07:39:14 UTC