justinzeus/wolfskin
1
0
Fork 0
Code Issues 2 Pull requests 4 Releases 3 Packages Activity

Reuse shared artwork and correct title focus edges

Browse source
This commit is contained in:
justinzeus 2026-11-05 19:58:36 +01:00
parent 3bfb8cd779
commit a8951827ba
41 changed files with 581 additions and 438 deletions
Download patch file Download diff file Expand all files Collapse all files

27
wolfskin-design/title-tokens.json
View file

@ -26,6 +26,7 @@
"sheetGap": {"dp": 9, "px": 18, "source": "index.html:227"},
"sheetSubLift": {"dp": -4, "px": -8, "source": "index.html:229"},
"sheetSubBottom": {"dp": 7, "px": 14, "source": "index.html:229"},
"sheetLabelTop": {"dp": 4, "px": 8, "source": "index.html:230"},
"sheetRowSide": {"dp": 13, "px": 26, "source": "index.html:231"},
"versionRowVertical": {"dp": 10, "px": 20, "source": "index.html:1936"},
"trackHeight": {"dp": 42, "px": 84, "source": "index.html:1941"},
@ -34,14 +35,14 @@
"radioDot": {"dp": 8, "px": 16, "source": "index.html:236"},
"radioBorder": {"dp": 1.5, "px": 3, "source": "index.html:234"},
"infoGap": {"dp": 7, "px": 14, "source": "index.html:1948"},
"infoLabelWidth": {"dp": 80, "px": 160, "source": "index.html:272"},
"infoLabelWidth": {"dp": 100, "px": 200, "source": "index.html:318"},
"infoRowGap": {"dp": 3, "px": 6, "source": "index.html:318"},
"infoColumnGap": {"dp": 10, "px": 20, "source": "index.html:318"},
"infoKey": {"$type": "typography", "sp": 12, "px": 24, "weight": 650, "$value": {"fontWeight": 650}, "source": "index.html:319"},
"gridHeight": {"dp": 244, "px": 488, "source": "index.html:1019"},
"minimumEndPadding": {"dp": 40, "px": 80, "source": "index.html:1042"},
"ratingGap": {"dp": 10, "px": 20, "source": "index.html:156"},
"ratingMarkGap": {"dp": 4, "px": 8, "source": "index.html:157"},
"plateSide": {"dp": 8, "px": 16, "source": "index.html:162"},
"plateTop": {"dp": 7, "px": 14, "source": "index.html:162"},
"plateFade": {"dp": 23, "px": 46, "source": "index.html:162"},
"initialSize": {"$type": "typography", "sp": 32, "px": 64, "weight": 800, "$value": {"fontWeight": 800}, "source": "index.html:288"},
"personInitialSize": {"$type": "typography", "sp": 48, "px": 96, "weight": 800, "$value": {"fontWeight": 800}, "source": "index.html:1317"},
"fallbackHue": {"$value": 260, "source": "index.html:130"},
@ -63,9 +64,6 @@
"chipBorder": {"dp": 1, "px": 2, "source": "index.html:188"},
"heroSheetRight": {"dp": 90, "px": 180, "source": "index.html:97"},
"heroSheetTop": {"dp": 75, "px": 150, "source": "index.html:97"},
"mutedTomatoOpacity": {"$value": 0.55, "source": "index.html:161"},
"ratingWordmarkAspect": {"$value": 1.8, "source": "index.html:160"},
"ratingPlateStepSp": {"$value": 0.25, "source": "index.html:802"},
"gridHeadingTop": {"dp": 12, "px": 24, "source": "index.html:1312"},
"castName": {"$type": "typography", "sp": 13, "px": 26, "weight": 700, "$value": {"fontWeight": 700}, "source": "index.html:290"},
"receiptSide": {"dp": 15, "px": 30, "source": "index.html:243"},
@ -91,6 +89,10 @@
"tileSheetLeft": {"dp": 11, "px": 22, "source": "index.html:128"},
"tileSheetRadius": {"dp": 5, "px": 10, "source": "index.html:128"},
"tileAmbientBlur": {"dp": 13, "px": 26, "source": "index.html:129"},
"tileAmbientInset": {"dp": 15, "px": 30, "source": "index.html:129"},
"tileShadowRadius": {"dp": 15, "px": 30, "source": "index.html:128"},
"tileShadowY": {"dp": 5, "px": 10, "source": "index.html:128"},
"tileShadowOpacity": {"$value": 0.5, "source": "index.html:128"},
"tileAmbientBrightness": {"$value": 0.5, "source": "index.html:129"},
"cardFallbackGradient": {"$type": "gradient", "$value": "linear-gradient(160deg,hsl(var(--h) 22% 22%),hsl(var(--h) 26% 10%))", "source": "index.html:130"},
"personFallbackGradient": {"$type": "gradient", "$value": "linear-gradient(160deg,hsl(var(--h) 24% 30%),hsl(var(--h) 26% 14%))", "source": "index.html:288"},
@ -102,10 +104,15 @@
"tileOverlayBottom": {"dp": 9, "px": 18, "source": "index.html:135"},
"cardOverlayOpacity": {"$value": 0.92, "source": "index.html:135"},
"cardProgressInset": {"dp": 9, "px": 18, "source": "index.html:138"},
"cardProgressBottom": {"dp": 6, "px": 12, "source": "index.html:138"},
"tileProgressBottom": {"dp": 5, "px": 10, "source": "index.html:140"},
"ratingPlateEntryEm": {"$value": 0.64, "source": "index.html:164"},
"ratingPlateMarkEm": {"$value": 0.29, "source": "index.html:165"}
"ambientInset": {"dp": 40, "px": 80, "source": "index.html:96"},
"ambientScale": {"$value": 1.1, "source": "index.html:96"},
"posterShadowRadius": {"dp": 40, "px": 80, "source": "index.html:97"},
"posterShadowY": {"dp": 15, "px": 30, "source": "index.html:97"},
"posterShadowOpacity": {"$value": 0.6, "source": "index.html:97"},
"sheetShadowRadius": {"dp": 40, "px": 80, "source": "index.html:227"},
"sheetShadowX": {"dp": -15, "px": -30, "source": "index.html:227"},
"sheetShadowOpacity": {"$value": 0.5, "source": "index.html:227"}
},
"savedIndicator": {
"height": {"dp": 26, "px": 52, "source": "index.html:87"},