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

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