Build the Wolfskin TV shell and navigation
This commit is contained in:
parent
de452448ba
commit
f60a22e435
97 changed files with 4363 additions and 91 deletions
289
wolfskin-design/shell-tokens.json
Normal file
289
wolfskin-design/shell-tokens.json
Normal file
|
|
@ -0,0 +1,289 @@
|
|||
{
|
||||
"shell": {
|
||||
"zero": {
|
||||
"$type": "dimension",
|
||||
"px": 0,
|
||||
"dp": 0.0,
|
||||
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
|
||||
},
|
||||
"stageWidth": {
|
||||
"$type": "dimension",
|
||||
"px": 1920,
|
||||
"dp": 960.0,
|
||||
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
|
||||
},
|
||||
"stageHeight": {
|
||||
"$type": "dimension",
|
||||
"px": 1080,
|
||||
"dp": 540.0,
|
||||
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
|
||||
},
|
||||
"wordmarkWidth": {
|
||||
"$type": "dimension",
|
||||
"px": 169,
|
||||
"dp": 84.5,
|
||||
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
|
||||
},
|
||||
"wordmarkTop": {
|
||||
"$type": "dimension",
|
||||
"px": 73.6,
|
||||
"dp": 36.8,
|
||||
"source": "index.html:74,79: centre a 46.8 px line in the 64 px nav item"
|
||||
},
|
||||
"navHomeWidth": {
|
||||
"$type": "dimension",
|
||||
"px": 149,
|
||||
"dp": 74.5,
|
||||
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
|
||||
},
|
||||
"navDiscoverWidth": {
|
||||
"$type": "dimension",
|
||||
"px": 198,
|
||||
"dp": 99.0,
|
||||
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
|
||||
},
|
||||
"navMoviesWidth": {
|
||||
"$type": "dimension",
|
||||
"px": 171,
|
||||
"dp": 85.5,
|
||||
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
|
||||
},
|
||||
"navShowsWidth": {
|
||||
"$type": "dimension",
|
||||
"px": 161,
|
||||
"dp": 80.5,
|
||||
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
|
||||
},
|
||||
"navAnimeWidth": {
|
||||
"$type": "dimension",
|
||||
"px": 158,
|
||||
"dp": 79.0,
|
||||
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
|
||||
},
|
||||
"navItemTop": {
|
||||
"$type": "dimension",
|
||||
"px": 65,
|
||||
"dp": 32.5,
|
||||
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
|
||||
},
|
||||
"pickerTitleTop": {
|
||||
"$type": "dimension",
|
||||
"px": 272.3,
|
||||
"dp": 136.15,
|
||||
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
|
||||
},
|
||||
"pickerPeopleTop": {
|
||||
"$type": "dimension",
|
||||
"px": 425.5,
|
||||
"dp": 212.75,
|
||||
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
|
||||
},
|
||||
"pickerNameGap": {
|
||||
"$type": "dimension",
|
||||
"px": 26,
|
||||
"dp": 13.0,
|
||||
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
|
||||
},
|
||||
"pickerGearTop": {
|
||||
"$type": "dimension",
|
||||
"px": 751.7,
|
||||
"dp": 375.85,
|
||||
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
|
||||
},
|
||||
"pickerGearCaptionTop": {
|
||||
"$type": "dimension",
|
||||
"px": 72,
|
||||
"dp": 36.0,
|
||||
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
|
||||
},
|
||||
"pickerLetter": {
|
||||
"$type": "dimension",
|
||||
"px": 100,
|
||||
"dp": 50.0,
|
||||
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
|
||||
},
|
||||
"pickerSkeletonNameWidth": {
|
||||
"$type": "dimension",
|
||||
"px": 140,
|
||||
"dp": 70.0,
|
||||
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
|
||||
},
|
||||
"pickerSkeletonNameHeight": {
|
||||
"$type": "dimension",
|
||||
"px": 40,
|
||||
"dp": 20.0,
|
||||
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
|
||||
},
|
||||
"pickerLoadingTitleTop": {
|
||||
"$type": "dimension",
|
||||
"px": 247.4,
|
||||
"dp": 123.7,
|
||||
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
|
||||
},
|
||||
"pickerLoadingPeopleTop": {
|
||||
"$type": "dimension",
|
||||
"px": 400.6,
|
||||
"dp": 200.3,
|
||||
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
|
||||
},
|
||||
"pickerLoadingButtonTop": {
|
||||
"$type": "dimension",
|
||||
"px": 756.6,
|
||||
"dp": 378.3,
|
||||
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
|
||||
},
|
||||
"pickerErrorTitleTop": {
|
||||
"$type": "dimension",
|
||||
"px": 297.6,
|
||||
"dp": 148.8,
|
||||
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
|
||||
},
|
||||
"pickerErrorPanelTop": {
|
||||
"$type": "dimension",
|
||||
"px": 450.8,
|
||||
"dp": 225.4,
|
||||
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
|
||||
},
|
||||
"pickerErrorPanelWidth": {
|
||||
"$type": "dimension",
|
||||
"px": 980,
|
||||
"dp": 490.0,
|
||||
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
|
||||
},
|
||||
"pickerErrorPanelHeight": {
|
||||
"$type": "dimension",
|
||||
"px": 185.6,
|
||||
"dp": 92.8,
|
||||
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
|
||||
},
|
||||
"pickerErrorButtonTop": {
|
||||
"$type": "dimension",
|
||||
"px": 706.4,
|
||||
"dp": 353.2,
|
||||
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
|
||||
},
|
||||
"settingsHeaderTop": {
|
||||
"$type": "dimension",
|
||||
"px": 150,
|
||||
"dp": 75.0,
|
||||
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
|
||||
},
|
||||
"settingsHeaderAvatar": {
|
||||
"$type": "dimension",
|
||||
"px": 52,
|
||||
"dp": 26.0,
|
||||
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
|
||||
},
|
||||
"settingsHeaderGap": {
|
||||
"$type": "dimension",
|
||||
"px": 24,
|
||||
"dp": 12.0,
|
||||
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
|
||||
},
|
||||
"settingsRowTop": {
|
||||
"$type": "dimension",
|
||||
"px": 10,
|
||||
"dp": 5.0,
|
||||
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
|
||||
},
|
||||
"settingsRowPadding": {
|
||||
"$type": "dimension",
|
||||
"px": 30,
|
||||
"dp": 15.0,
|
||||
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
|
||||
},
|
||||
"settingsRowGap": {
|
||||
"$type": "dimension",
|
||||
"px": 24,
|
||||
"dp": 12.0,
|
||||
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
|
||||
},
|
||||
"settingsIcon": {
|
||||
"$type": "dimension",
|
||||
"px": 36,
|
||||
"dp": 18.0,
|
||||
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
|
||||
},
|
||||
"settingsPillHeight": {
|
||||
"$type": "dimension",
|
||||
"px": 40,
|
||||
"dp": 20.0,
|
||||
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
|
||||
},
|
||||
"settingsPillPadding": {
|
||||
"$type": "dimension",
|
||||
"px": 16,
|
||||
"dp": 8.0,
|
||||
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
|
||||
},
|
||||
"settingsPillGap": {
|
||||
"$type": "dimension",
|
||||
"px": 12,
|
||||
"dp": 6.0,
|
||||
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
|
||||
},
|
||||
"settingsChevron": {
|
||||
"$type": "dimension",
|
||||
"px": 30,
|
||||
"dp": 15.0,
|
||||
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
|
||||
},
|
||||
"settingsEndPadding": {
|
||||
"$type": "dimension",
|
||||
"px": 620,
|
||||
"dp": 310.0,
|
||||
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
|
||||
},
|
||||
"panelPaddingX": {
|
||||
"$type": "dimension",
|
||||
"px": 30,
|
||||
"dp": 15.0,
|
||||
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
|
||||
},
|
||||
"panelPaddingY": {
|
||||
"$type": "dimension",
|
||||
"px": 28,
|
||||
"dp": 14.0,
|
||||
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
|
||||
},
|
||||
"panelGap": {
|
||||
"$type": "dimension",
|
||||
"px": 10,
|
||||
"dp": 5.0,
|
||||
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
|
||||
},
|
||||
"panelHeadingGap": {
|
||||
"$type": "dimension",
|
||||
"px": 14,
|
||||
"dp": 7.0,
|
||||
"source": "index.html:244: receipt heading icon-to-title gap"
|
||||
},
|
||||
"panelIcon": {
|
||||
"$type": "dimension",
|
||||
"px": 36,
|
||||
"dp": 18.0,
|
||||
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
|
||||
},
|
||||
"skeletonRadius": {
|
||||
"$type": "dimension",
|
||||
"px": 10,
|
||||
"dp": 5.0,
|
||||
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
|
||||
},
|
||||
"gearOpacity": {
|
||||
"$type": "number",
|
||||
"$value": 0.7,
|
||||
"source": "locked index.html CSS / measured st-* bounds"
|
||||
},
|
||||
"navBandOpacity": {
|
||||
"$type": "number",
|
||||
"$value": 0.72,
|
||||
"source": "locked index.html CSS / measured st-* bounds"
|
||||
},
|
||||
"navSolidStop": {
|
||||
"$type": "number",
|
||||
"$value": 0.84,
|
||||
"source": "locked index.html CSS / measured st-* bounds"
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue