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

Build native title and person surfaces

Browse source
This commit is contained in:
justinzeus 2026-11-05 16:16:02 +01:00
parent 9be55c570a
commit 0db05174b1
535 changed files with 3088 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

73
wolfskin-design/tokens.css
View file

@ -172,4 +172,77 @@
--shell-panelHeadingGap: 14.0px;
--shell-panelIcon: 36.0px;
--shell-skeletonRadius: 10.0px;
--title-lineGap: 22.0px;
--title-lineLift: -4.0px;
--title-overviewGap: 34.0px;
--title-factsGap: 22.0px;
--title-factsBottom: 14.0px;
--title-titleBottom: 16.0px;
--title-iconGap: 14.0px;
--title-iconSize: 32.0px;
--title-captionTop: 16.0px;
--title-progressWidth: 320.0px;
--title-progressBottom: 30.0px;
--title-progressGap: 18.0px;
--title-progressLift: -14.0px;
--title-castHeight: 394.0px;
--title-castNameTop: 216.0px;
--title-castNameSide: 12.0px;
--title-personTop: 170.0px;
--title-personGap: 48.0px;
--title-personNameBottom: 10.0px;
--title-personNoteBottom: 6.0px;
--title-captionWidth: 640.0px;
--title-sheetPaddingTop: 80.0px;
--title-sheetPaddingSide: 64.0px;
--title-sheetGap: 18.0px;
--title-sheetSubLift: -8.0px;
--title-sheetSubBottom: 14.0px;
--title-sheetRowSide: 26.0px;
--title-versionRowVertical: 20.0px;
--title-trackHeight: 84.0px;
--title-trackGap: 12.0px;
--title-radioSize: 40.0px;
--title-radioDot: 16.0px;
--title-radioBorder: 3.0px;
--title-infoGap: 14.0px;
--title-infoLabelWidth: 160.0px;
--title-gridHeight: 488.0px;
--title-minimumEndPadding: 80.0px;
--title-ratingGap: 20.0px;
--title-ratingMarkGap: 8.0px;
--title-plateSide: 16.0px;
--title-plateTop: 14.0px;
--title-plateFade: 46.0px;
--title-initialSize: 64.0px;
--title-personInitialSize: 96.0px;
--title-skeletonKickerWidth: 420.0px;
--title-skeletonKickerHeight: 34.0px;
--title-skeletonTitleWidth: 760.0px;
--title-skeletonTitleHeight: 92.0px;
--title-skeletonFactsWidth: 560.0px;
--title-skeletonOverviewWidth: 980.0px;
--title-skeletonOverviewHeight: 110.0px;
--title-skeletonPlayWidth: 220.0px;
--title-dLine: 26.0px;
--title-iconCaption: 26.0px;
--title-lineIcon: 28.0px;
--title-chipHeight: 68.0px;
--title-chipPadding: 28.0px;
--title-chipGap: 16.0px;
--title-chipTop: 16.0px;
--title-chipBorder: 2.0px;
--title-heroSheetRight: 180.0px;
--title-heroSheetTop: 150.0px;
--title-gridHeadingTop: 24.0px;
--title-castName: 26.0px;
--title-receiptSide: 30.0px;
--title-receiptTop: 28.0px;
--title-receiptGap: 10.0px;
--title-receiptIcon: 36.0px;
--title-receiptTitle: 36.0px;
--title-toastMaxWidth: 760.0px;
--title-toastSide: 28.0px;
--title-toastTop: 22.0px;
--title-heroAmbientBackground: radial-gradient(120% 90% at 70% 20%,var(--surface3),var(--bg));
}