Skip to content

Commit

Permalink
feat: organized typography tokens under desktop and mobile
Browse files Browse the repository at this point in the history
  • Loading branch information
@alexandra-lim
alexandra-lim committed Jul 4, 2022
1 parent 00942ad commit b5db42c
Showing 1 changed file with 154 additions and 111 deletions.
265 changes: 154 additions & 111 deletions data/tokens.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -231,110 +231,6 @@
"type": "textCase"
}
},
"h1": {
"value": {
"fontFamily": "{typography.fontFamily.sansSerif}",
"fontWeight": "{typography.weight.heading}",
"lineHeight": "{typography.lineHeight.xlarge}",
"fontSize": "{typography.size.h1}",
"letterSpacing": "{typography.letterSpacing.base}",
"paragraphSpacing": "{typography.paragraphSpacing.base}",
"textDecoration": "{typography.textDecoration.base}",
"textCase": "{typography.textCase.base}"
},
"type": "typography"
},
"h2": {
"value": {
"fontFamily": "{typography.fontFamily.sansSerif}",
"fontWeight": "{typography.weight.heading}",
"lineHeight": "{typography.lineHeight.xlarge}",
"fontSize": "{typography.size.h2}",
"letterSpacing": "{typography.letterSpacing.base}",
"paragraphSpacing": "{typography.paragraphSpacing.base}",
"textDecoration": "{typography.textDecoration.base}",
"textCase": "{typography.textCase.base}"
},
"type": "typography"
},
"h3": {
"value": {
"fontFamily": "{typography.fontFamily.sansSerif}",
"fontWeight": "{typography.weight.heading}",
"lineHeight": "{typography.lineHeight.large}",
"fontSize": "{typography.size.h3}",
"letterSpacing": "{typography.letterSpacing.base}",
"paragraphSpacing": "{typography.paragraphSpacing.base}",
"textDecoration": "{typography.textDecoration.base}",
"textCase": "{typography.textCase.base}"
},
"type": "typography"
},
"h4": {
"value": {
"fontFamily": "{typography.fontFamily.sansSerif}",
"fontWeight": "{typography.weight.heading}",
"lineHeight": "{typography.lineHeight.normal}",
"fontSize": "{typography.size.h4}",
"letterSpacing": "{typography.letterSpacing.base}",
"paragraphSpacing": "{typography.paragraphSpacing.base}",
"textDecoration": "{typography.textDecoration.base}",
"textCase": "{typography.textCase.base}"
},
"type": "typography"
},
"h5": {
"value": {
"fontFamily": "{typography.fontFamily.sansSerif}",
"fontWeight": "{typography.weight.heading}",
"lineHeight": "{typography.lineHeight.normal}",
"fontSize": "{typography.size.body}",
"letterSpacing": "{typography.letterSpacing.base}",
"paragraphSpacing": "{typography.paragraphSpacing.base}",
"textDecoration": "{typography.textDecoration.base}",
"textCase": "{typography.textCase.base}"
},
"type": "typography"
},
"body": {
"value": {
"fontFamily": "{typography.fontFamily.sansSerif}",
"fontWeight": "{typography.weight.base}",
"lineHeight": "{typography.lineHeight.normal}",
"fontSize": "{typography.size.body}",
"letterSpacing": "{typography.letterSpacing.base}",
"paragraphSpacing": "{typography.paragraphSpacing.base}",
"textDecoration": "{typography.textDecoration.base}",
"textCase": "{typography.textCase.base}"
},
"type": "typography"
},
"footnote": {
"value": {
"fontFamily": "{typography.fontFamily.sansSerif}",
"fontWeight": "{typography.weight.base}",
"lineHeight": "{typography.lineHeight.small}",
"fontSize": "{typography.size.footnote}",
"letterSpacing": "{typography.letterSpacing.base}",
"paragraphSpacing": "{typography.paragraphSpacing.base}",
"textDecoration": "{typography.textDecoration.base}",
"textCase": "{typography.textCase.base}"
},
"type": "typography"
},
"caption": {
"type": "typography",
"value": {
"fontFamily": "{typography.fontFamily.sansSerif}",
"fontWeight": "{typography.weight.base}",
"lineHeight": "{typography.lineHeight.small}",
"fontSize": "{typography.size.caption}",
"letterSpacing": "{typography.letterSpacing.base}",
"paragraphSpacing": "{typography.paragraphSpacing.base}",
"textDecoration": "{typography.textDecoration.base}",
"textCase": "{typography.textCase.base}"
}
},
"size": {
"h1": {
"value": "40px",
Expand Down Expand Up @@ -365,6 +261,20 @@
"type": "fontSizes"
}
},
"mobileSize": {
"h1": {
"value": "32px",
"type": "fontSizes"
},
"h2": {
"value": "28px",
"type": "fontSizes"
},
"h3": {
"value": "22px",
"type": "fontSizes"
}
},
"lineHeight": {
"xlarge": {
"value": "40px",
Expand Down Expand Up @@ -411,18 +321,151 @@
"type": "fontWeights"
}
},
"mobileSize": {
"desktop": {
"h1": {
"value": "32px",
"type": "fontSizes"
"value": {
"fontFamily": "{typography.fontFamily.sansSerif}",
"fontWeight": "{typography.weight.heading}",
"lineHeight": "{typography.lineHeight.xlarge}",
"fontSize": "{typography.size.h1}",
"letterSpacing": "{typography.letterSpacing.base}",
"paragraphSpacing": "{typography.paragraphSpacing.base}",
"textDecoration": "{typography.textDecoration.base}",
"textCase": "{typography.textCase.base}"
},
"type": "typography"
},
"h2": {
"value": "28px",
"type": "fontSizes"
"value": {
"fontFamily": "{typography.fontFamily.sansSerif}",
"fontWeight": "{typography.weight.heading}",
"lineHeight": "{typography.lineHeight.xlarge}",
"fontSize": "{typography.size.h2}",
"letterSpacing": "{typography.letterSpacing.base}",
"paragraphSpacing": "{typography.paragraphSpacing.base}",
"textDecoration": "{typography.textDecoration.base}",
"textCase": "{typography.textCase.base}"
},
"type": "typography"
},
"h3": {
"value": "22px",
"type": "fontSizes"
"value": {
"fontFamily": "{typography.fontFamily.sansSerif}",
"fontWeight": "{typography.weight.heading}",
"lineHeight": "{typography.lineHeight.large}",
"fontSize": "{typography.size.h3}",
"letterSpacing": "{typography.letterSpacing.base}",
"paragraphSpacing": "{typography.paragraphSpacing.base}",
"textDecoration": "{typography.textDecoration.base}",
"textCase": "{typography.textCase.base}"
},
"type": "typography"
},
"h4": {
"value": {
"fontFamily": "{typography.fontFamily.sansSerif}",
"fontWeight": "{typography.weight.heading}",
"lineHeight": "{typography.lineHeight.normal}",
"fontSize": "{typography.size.h4}",
"letterSpacing": "{typography.letterSpacing.base}",
"paragraphSpacing": "{typography.paragraphSpacing.base}",
"textDecoration": "{typography.textDecoration.base}",
"textCase": "{typography.textCase.base}"
},
"type": "typography"
},
"h5": {
"value": {
"fontFamily": "{typography.fontFamily.sansSerif}",
"fontWeight": "{typography.weight.heading}",
"lineHeight": "{typography.lineHeight.normal}",
"fontSize": "{typography.size.body}",
"letterSpacing": "{typography.letterSpacing.base}",
"paragraphSpacing": "{typography.paragraphSpacing.base}",
"textDecoration": "{typography.textDecoration.base}",
"textCase": "{typography.textCase.base}"
},
"type": "typography"
},
"body": {
"value": {
"fontFamily": "{typography.fontFamily.sansSerif}",
"fontWeight": "{typography.weight.base}",
"lineHeight": "{typography.lineHeight.normal}",
"fontSize": "{typography.size.body}",
"letterSpacing": "{typography.letterSpacing.base}",
"paragraphSpacing": "{typography.paragraphSpacing.base}",
"textDecoration": "{typography.textDecoration.base}",
"textCase": "{typography.textCase.base}"
},
"type": "typography"
},
"footnote": {
"value": {
"fontFamily": "{typography.fontFamily.sansSerif}",
"fontWeight": "{typography.weight.base}",
"lineHeight": "{typography.lineHeight.small}",
"fontSize": "{typography.size.footnote}",
"letterSpacing": "{typography.letterSpacing.base}",
"paragraphSpacing": "{typography.paragraphSpacing.base}",
"textDecoration": "{typography.textDecoration.base}",
"textCase": "{typography.textCase.base}"
},
"type": "typography"
},
"caption": {
"type": "typography",
"value": {
"fontFamily": "{typography.fontFamily.sansSerif}",
"fontWeight": "{typography.weight.base}",
"lineHeight": "{typography.lineHeight.small}",
"fontSize": "{typography.size.caption}",
"letterSpacing": "{typography.letterSpacing.base}",
"paragraphSpacing": "{typography.paragraphSpacing.base}",
"textDecoration": "{typography.textDecoration.base}",
"textCase": "{typography.textCase.base}"
}
}
},
"mobile": {
"h1": {
"value": {
"fontFamily": "{typography.fontFamily.sansSerif}",
"fontWeight": "{typography.weight.heading}",
"lineHeight": "{typography.lineHeight.xlarge}",
"fontSize": "{typography.mobileSize.h1}",
"letterSpacing": "{typography.letterSpacing.base}",
"paragraphSpacing": "{typography.paragraphSpacing.base}",
"textDecoration": "{typography.textDecoration.base}",
"textCase": "{typography.textCase.base}"
},
"type": "typography"
},
"h2": {
"value": {
"fontFamily": "{typography.fontFamily.sansSerif}",
"fontWeight": "{typography.weight.heading}",
"lineHeight": "{typography.lineHeight.normal}",
"fontSize": "{typography.mobileSize.h2}",
"letterSpacing": "{typography.letterSpacing.base}",
"paragraphSpacing": "{typography.paragraphSpacing.base}",
"textDecoration": "{typography.textDecoration.base}",
"textCase": "{typography.textCase.base}"
},
"type": "typography"
},
"h3": {
"value": {
"fontFamily": "{typography.fontFamily.sansSerif}",
"fontWeight": "{typography.weight.heading}",
"lineHeight": "{typography.lineHeight.large}",
"fontSize": "{typography.mobileSize.h3}",
"letterSpacing": "{typography.letterSpacing.base}",
"paragraphSpacing": "{typography.paragraphSpacing.base}",
"textDecoration": "{typography.textDecoration.base}",
"textCase": "{typography.textCase.base}"
},
"type": "typography"
}
}
}
Expand Down

0 comments on commit b5db42c

Please sign in to comment.