Skip to content

Commit

Permalink
Added fluid font sizes for XS, SM, LG screens and XL core values
Browse files Browse the repository at this point in the history
  • Loading branch information
@AnnaSchmidt05
AnnaSchmidt05 committed Sep 25, 2024
1 parent 9a7a125 commit 6053326
Showing 1 changed file with 318 additions and 3 deletions.
321 changes: 318 additions & 3 deletions tokens.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -664,6 +664,160 @@
"value": "none",
"type": "textCase"
}
},
"size": {
"bp-sm": {
"f6": {
"value": "40.1",
"type": "fontSizes"
},
"f5": {
"value": "34.7",
"type": "fontSizes"
},
"f3": {
"value": "26.1",
"type": "fontSizes"
},
"f2": {
"value": "22.6",
"type": "fontSizes"
},
"f1": {
"value": "19.7",
"type": "fontSizes"
},
"f0": {
"value": "17.1",
"type": "fontSizes"
},
"f-1": {
"value": "14.9",
"type": "fontSizes"
},
"f-2": {
"value": "13",
"type": "fontSizes"
},
"f-3": {
"value": "11.3",
"type": "fontSizes"
}
},
"bp-xs": {
"f6": {
"value": "32.4",
"type": "fontSizes"
},
"f5": {
"value": "28.8",
"type": "fontSizes"
},
"f3": {
"value": "22.8",
"type": "fontSizes"
},
"f2": {
"value": "20.3",
"type": "fontSizes"
},
"f1": {
"value": "18",
"type": "fontSizes"
},
"f0": {
"value": "16",
"type": "fontSizes"
},
"f-1": {
"value": "14.2",
"type": "fontSizes"
},
"f-2": {
"value": "12.6",
"type": "fontSizes"
},
"f-3": {
"value": "11.2",
"type": "fontSizes"
}
},
"bp-lg": {
"f6": {
"value": "51.5",
"type": "fontSizes"
},
"f5": {
"value": "43.5",
"type": "fontSizes"
},
"f3": {
"value": "31",
"type": "fontSizes"
},
"f2": {
"value": "26.2",
"type": "fontSizes"
},
"f1": {
"value": "22.2",
"type": "fontSizes"
},
"f0": {
"value": "18.8",
"type": "fontSizes"
},
"f-1": {
"value": "15.9",
"type": "fontSizes"
},
"f-2": {
"value": "13.5",
"type": "fontSizes"
},
"f-3": {
"value": "11.5",
"type": "fontSizes"
}
},
"bp-xl": {
"f6": {
"value": "59.7",
"type": "fontSizes"
},
"f5": {
"value": "49.8",
"type": "fontSizes"
},
"f3": {
"value": "34.6",
"type": "fontSizes"
},
"f2": {
"value": "28.8",
"type": "fontSizes"
},
"f1": {
"value": "24",
"type": "fontSizes"
},
"f0": {
"value": "20",
"type": "fontSizes"
},
"f-1": {
"value": "16.7",
"type": "fontSizes"
},
"f-2": {
"value": "13.9",
"type": "fontSizes"
},
"f-3": {
"value": "11.6",
"type": "fontSizes"
}
}
}
},
"grid": {
Expand Down Expand Up @@ -1553,6 +1707,44 @@
"value": "{text.heading.breakpoint-lg.xs}",
"type": "typography"
}
},
"size": {
"f6": {
"value": "{font.size.bp-lg.f6}",
"type": "fontSizes"
},
"f5": {
"value": "{font.size.bp-lg.f5}",
"type": "fontSizes"
},
"f3": {
"value": "{font.size.bp-lg.f3}",
"type": "fontSizes"
},
"f2": {
"value": "{font.size.bp-lg.f2}",
"type": "fontSizes"
},
"f1": {
"value": "{font.size.bp-lg.f1}",
"type": "fontSizes"
},
"f0": {
"value": "{font.size.bp-lg.f0}",
"type": "fontSizes"
},
"f-1": {
"value": "{font.size.bp-lg.f-1}",
"type": "fontSizes"
},
"f-2": {
"value": "{font.size.bp-lg.f-2}",
"type": "fontSizes"
},
"f-3": {
"value": "{font.size.bp-lg.f-3}",
"type": "fontSizes"
}
}
},
"space": {
Expand Down Expand Up @@ -1653,6 +1845,44 @@
"value": "{text.heading.breakpoint-md.xs}",
"type": "typography"
}
},
"size": {
"f6": {
"value": "{font.size.bp-sm.f6}",
"type": "fontSizes"
},
"f5": {
"value": "{font.size.bp-sm.f5}",
"type": "fontSizes"
},
"f3": {
"value": "{font.size.bp-sm.f3}",
"type": "fontSizes"
},
"f2": {
"value": "{font.size.bp-sm.f2}",
"type": "fontSizes"
},
"f1": {
"value": "{font.size.bp-sm.f1}",
"type": "fontSizes"
},
"f0": {
"value": "{font.size.bp-sm.f0}",
"type": "fontSizes"
},
"f-1": {
"value": "{font.size.bp-sm.f-1}",
"type": "fontSizes"
},
"f-2": {
"value": "{font.size.bp-sm.f-2}",
"type": "fontSizes"
},
"f-3": {
"value": "{font.size.bp-sm.f-3}",
"type": "fontSizes"
}
}
},
"space": {
Expand Down Expand Up @@ -1753,6 +1983,44 @@
"value": "{text.heading.breakpoint-sm.xs}",
"type": "typography"
}
},
"size": {
"f6": {
"value": "{font.size.bp-xs.f6}",
"type": "fontSizes"
},
"f5": {
"value": "{font.size.bp-xs.f5}",
"type": "fontSizes"
},
"f3": {
"value": "{font.size.bp-xs.f3}",
"type": "fontSizes"
},
"f2": {
"value": "{font.size.bp-xs.f2}",
"type": "fontSizes"
},
"f1": {
"value": "{font.size.bp-xs.f1}",
"type": "fontSizes"
},
"f0": {
"value": "{font.size.bp-xs.f0}",
"type": "fontSizes"
},
"f-1": {
"value": "{font.size.bp-xs.f-1}",
"type": "fontSizes"
},
"f-2": {
"value": "{font.size.bp-xs.f-2}",
"type": "fontSizes"
},
"f-3": {
"value": "{font.size.bp-xs.f-3}",
"type": "fontSizes"
}
}
},
"space": {
Expand Down Expand Up @@ -1814,7 +2082,22 @@
"GLOBAL/semantic": "source",
"BREAKPOINTS/desktop": "enabled"
},
"group": "Responsive"
"group": "Responsive",
"$figmaVariableReferences": {
"space.xxl": "831ee33c53f780e4d9e168768afd7fd3d742bc6a",
"space.xl": "53b41f58c0e9e9b65624a347a035aaf8cdac97cc",
"space.l": "38b9a35f6302c71f9e39c819357371a826011de4",
"space.m": "6b3908022d63f328b12100bce8afc9c1df9b5b3b",
"space.s": "6ceac836163c79bee11a521330a6afd0292b132f",
"space.xs": "dbf2b3c443cc290515e3f3a7032e806dca395f0a",
"space.xxs": "b2003f7cf7b98d4d535e40ad1e7f1706e5d80223",
"grid.breakpoint": "904734dbd0e183cacadee4d9f1d2cd4a0ef1fa7a",
"grid.columns": "244ffba7a2eb23e273984f1be3d2040a8ce90ef6",
"grid.margin": "ba4bb1ba440495acf91e3c558e468ada4cc0d4d0",
"grid.gutter": "a014131e894a727f49babbcb0f8b79d977f635d4"
},
"$figmaCollectionId": "VariableCollectionId:5:16",
"$figmaModeId": "5:3"
},
{
"id": "fe20b7583a3e29413ade1ae668c5b7d3c65dcf6f",
Expand All @@ -1825,7 +2108,23 @@
"GLOBAL/semantic": "source",
"BREAKPOINTS/tablet": "enabled"
},
"group": "Responsive"
"group": "Responsive",
"$figmaVariableReferences": {
"space.xxl": "831ee33c53f780e4d9e168768afd7fd3d742bc6a",
"space.xl": "53b41f58c0e9e9b65624a347a035aaf8cdac97cc",
"space.l": "38b9a35f6302c71f9e39c819357371a826011de4",
"space.m": "6b3908022d63f328b12100bce8afc9c1df9b5b3b",
"space.s": "6ceac836163c79bee11a521330a6afd0292b132f",
"space.xs": "dbf2b3c443cc290515e3f3a7032e806dca395f0a",
"space.xxs": "b2003f7cf7b98d4d535e40ad1e7f1706e5d80223",
"grid.breakpoint": "904734dbd0e183cacadee4d9f1d2cd4a0ef1fa7a",
"grid.columns": "244ffba7a2eb23e273984f1be3d2040a8ce90ef6",
"grid.margin": "ba4bb1ba440495acf91e3c558e468ada4cc0d4d0",
"grid.gutter": "a014131e894a727f49babbcb0f8b79d977f635d4",
"font.size.f6": "7b2ff187f5e432026bcaab94cf419a10e552ce34"
},
"$figmaCollectionId": "VariableCollectionId:5:16",
"$figmaModeId": "5:4"
},
{
"id": "f637a9649929f4508cc0be2e3becf7d2328cad80",
Expand All @@ -1836,7 +2135,23 @@
"GLOBAL/semantic": "source",
"BREAKPOINTS/mobile": "enabled"
},
"group": "Responsive"
"group": "Responsive",
"$figmaVariableReferences": {
"space.xxl": "831ee33c53f780e4d9e168768afd7fd3d742bc6a",
"space.xl": "53b41f58c0e9e9b65624a347a035aaf8cdac97cc",
"space.l": "38b9a35f6302c71f9e39c819357371a826011de4",
"space.m": "6b3908022d63f328b12100bce8afc9c1df9b5b3b",
"space.s": "6ceac836163c79bee11a521330a6afd0292b132f",
"space.xs": "dbf2b3c443cc290515e3f3a7032e806dca395f0a",
"space.xxs": "b2003f7cf7b98d4d535e40ad1e7f1706e5d80223",
"grid.breakpoint": "904734dbd0e183cacadee4d9f1d2cd4a0ef1fa7a",
"grid.columns": "244ffba7a2eb23e273984f1be3d2040a8ce90ef6",
"grid.margin": "ba4bb1ba440495acf91e3c558e468ada4cc0d4d0",
"grid.gutter": "a014131e894a727f49babbcb0f8b79d977f635d4",
"font.size.f6": "7b2ff187f5e432026bcaab94cf419a10e552ce34"
},
"$figmaCollectionId": "VariableCollectionId:5:16",
"$figmaModeId": "5:5"
}
],
"$metadata": {
Expand Down

0 comments on commit 6053326

Please sign in to comment.