@marioschmidt/design-system-tokens 1.0.19 → 1.0.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/android/res/values/brands/advertorial/density/density-compact.xml +8 -8
- package/dist/android/res/values/brands/advertorial/density/density-default.xml +8 -8
- package/dist/android/res/values/brands/advertorial/density/density-spacious.xml +8 -8
- package/dist/android/res/values/brands/advertorial/overrides/brandtokenmapping.xml +271 -271
- package/dist/android/res/values/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.xml +460 -460
- package/dist/android/res/values/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.xml +460 -460
- package/dist/android/res/values/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.xml +460 -460
- package/dist/android/res/values/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.xml +460 -460
- package/dist/android/res/values/brands/bild/density/density-compact.xml +8 -8
- package/dist/android/res/values/brands/bild/density/density-default.xml +8 -8
- package/dist/android/res/values/brands/bild/density/density-spacious.xml +8 -8
- package/dist/android/res/values/brands/bild/overrides/brandcolormapping.xml +68 -68
- package/dist/android/res/values/brands/bild/overrides/brandtokenmapping.xml +271 -271
- package/dist/android/res/values/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.xml +460 -460
- package/dist/android/res/values/brands/bild/semantic/breakpoints/breakpoint-md-600px.xml +460 -460
- package/dist/android/res/values/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.xml +460 -460
- package/dist/android/res/values/brands/bild/semantic/breakpoints/breakpoint-xs-320px.xml +460 -460
- package/dist/android/res/values/brands/bild/semantic/color/colormode-dark.xml +213 -213
- package/dist/android/res/values/brands/bild/semantic/color/colormode-light.xml +213 -213
- package/dist/android/res/values/brands/sportbild/density/density-compact.xml +8 -8
- package/dist/android/res/values/brands/sportbild/density/density-default.xml +8 -8
- package/dist/android/res/values/brands/sportbild/density/density-spacious.xml +8 -8
- package/dist/android/res/values/brands/sportbild/overrides/brandcolormapping.xml +68 -68
- package/dist/android/res/values/brands/sportbild/overrides/brandtokenmapping.xml +271 -271
- package/dist/android/res/values/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.xml +460 -460
- package/dist/android/res/values/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.xml +460 -460
- package/dist/android/res/values/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.xml +460 -460
- package/dist/android/res/values/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.xml +460 -460
- package/dist/android/res/values/brands/sportbild/semantic/color/colormode-dark.xml +213 -213
- package/dist/android/res/values/brands/sportbild/semantic/color/colormode-light.xml +213 -213
- package/dist/android/res/values/shared/colorprimitive.xml +76 -94
- package/dist/android/res/values/shared/fontprimitive.xml +43 -43
- package/dist/android/res/values/shared/sizeprimitive.xml +49 -49
- package/dist/android/res/values/shared/spaceprimitive.xml +25 -25
- package/dist/css/brands/advertorial/density/density-compact.css +34 -9
- package/dist/css/brands/advertorial/density/density-default.css +34 -9
- package/dist/css/brands/advertorial/density/density-spacious.css +34 -9
- package/dist/css/brands/advertorial/overrides/brandtokenmapping.css +765 -271
- package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.css +1325 -470
- package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.css +1325 -470
- package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.css +1325 -470
- package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.css +1325 -470
- package/dist/css/brands/advertorial/semantic/effects/effects-dark.css +1 -1
- package/dist/css/brands/advertorial/semantic/effects/effects-light.css +1 -1
- package/dist/css/brands/advertorial/semantic/typography/typography-lg.css +1 -1
- package/dist/css/brands/advertorial/semantic/typography/typography-md.css +1 -1
- package/dist/css/brands/advertorial/semantic/typography/typography-sm.css +1 -1
- package/dist/css/brands/advertorial/semantic/typography/typography-xs.css +1 -1
- package/dist/css/brands/bild/density/density-compact.css +34 -9
- package/dist/css/brands/bild/density/density-default.css +34 -9
- package/dist/css/brands/bild/density/density-spacious.css +34 -9
- package/dist/css/brands/bild/overrides/brandcolormapping.css +253 -69
- package/dist/css/brands/bild/overrides/brandtokenmapping.css +765 -271
- package/dist/css/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.css +1325 -470
- package/dist/css/brands/bild/semantic/breakpoints/breakpoint-md-600px.css +1325 -470
- package/dist/css/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.css +1325 -470
- package/dist/css/brands/bild/semantic/breakpoints/breakpoint-xs-320px.css +1325 -470
- package/dist/css/brands/bild/semantic/color/colormode-dark.css +560 -308
- package/dist/css/brands/bild/semantic/color/colormode-light.css +560 -308
- package/dist/css/brands/bild/semantic/effects/effects-dark.css +1 -1
- package/dist/css/brands/bild/semantic/effects/effects-light.css +1 -1
- package/dist/css/brands/bild/semantic/typography/typography-lg.css +1 -1
- package/dist/css/brands/bild/semantic/typography/typography-md.css +1 -1
- package/dist/css/brands/bild/semantic/typography/typography-sm.css +1 -1
- package/dist/css/brands/bild/semantic/typography/typography-xs.css +1 -1
- package/dist/css/brands/sportbild/density/density-compact.css +34 -9
- package/dist/css/brands/sportbild/density/density-default.css +34 -9
- package/dist/css/brands/sportbild/density/density-spacious.css +34 -9
- package/dist/css/brands/sportbild/overrides/brandcolormapping.css +253 -69
- package/dist/css/brands/sportbild/overrides/brandtokenmapping.css +765 -271
- package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.css +1325 -470
- package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.css +1325 -470
- package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.css +1325 -470
- package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.css +1325 -470
- package/dist/css/brands/sportbild/semantic/color/colormode-dark.css +560 -308
- package/dist/css/brands/sportbild/semantic/color/colormode-light.css +560 -308
- package/dist/css/brands/sportbild/semantic/effects/effects-dark.css +1 -1
- package/dist/css/brands/sportbild/semantic/effects/effects-light.css +1 -1
- package/dist/css/brands/sportbild/semantic/typography/typography-lg.css +1 -1
- package/dist/css/brands/sportbild/semantic/typography/typography-md.css +1 -1
- package/dist/css/brands/sportbild/semantic/typography/typography-sm.css +1 -1
- package/dist/css/brands/sportbild/semantic/typography/typography-xs.css +1 -1
- package/dist/css/shared/colorprimitive.css +189 -95
- package/dist/css/shared/fontprimitive.css +91 -25
- package/dist/css/shared/sizeprimitive.css +8 -1
- package/dist/css/shared/spaceprimitive.css +8 -1
- package/dist/flutter/brands/advertorial/density/density-compact.dart +22 -9
- package/dist/flutter/brands/advertorial/density/density-default.dart +22 -9
- package/dist/flutter/brands/advertorial/density/density-spacious.dart +22 -9
- package/dist/flutter/brands/advertorial/overrides/brandtokenmapping.dart +516 -272
- package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.dart +898 -485
- package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.dart +898 -485
- package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.dart +898 -485
- package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.dart +898 -485
- package/dist/flutter/brands/bild/density/density-compact.dart +22 -9
- package/dist/flutter/brands/bild/density/density-default.dart +22 -9
- package/dist/flutter/brands/bild/density/density-spacious.dart +22 -9
- package/dist/flutter/brands/bild/overrides/brandcolormapping.dart +151 -69
- package/dist/flutter/brands/bild/overrides/brandtokenmapping.dart +516 -272
- package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.dart +898 -485
- package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-md-600px.dart +898 -485
- package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.dart +898 -485
- package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-xs-320px.dart +898 -485
- package/dist/flutter/brands/bild/semantic/color/colormode-dark.dart +466 -422
- package/dist/flutter/brands/bild/semantic/color/colormode-light.dart +466 -422
- package/dist/flutter/brands/sportbild/density/density-compact.dart +22 -9
- package/dist/flutter/brands/sportbild/density/density-default.dart +22 -9
- package/dist/flutter/brands/sportbild/density/density-spacious.dart +22 -9
- package/dist/flutter/brands/sportbild/overrides/brandcolormapping.dart +151 -69
- package/dist/flutter/brands/sportbild/overrides/brandtokenmapping.dart +516 -272
- package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.dart +898 -485
- package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.dart +898 -485
- package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.dart +898 -485
- package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.dart +898 -485
- package/dist/flutter/brands/sportbild/semantic/color/colormode-dark.dart +466 -422
- package/dist/flutter/brands/sportbild/semantic/color/colormode-light.dart +466 -422
- package/dist/flutter/shared/colorprimitive.dart +155 -95
- package/dist/flutter/shared/fontprimitive.dart +80 -40
- package/dist/flutter/shared/sizeprimitive.dart +55 -50
- package/dist/flutter/shared/spaceprimitive.dart +31 -26
- package/dist/ios/brands/advertorial/density/DensityCompact.swift +22 -9
- package/dist/ios/brands/advertorial/density/DensityDefault.swift +22 -9
- package/dist/ios/brands/advertorial/density/DensitySpacious.swift +22 -9
- package/dist/ios/brands/advertorial/overrides/Brandtokenmapping.swift +516 -272
- package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointLg1024pxRegular.swift +898 -485
- package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointMd600px.swift +898 -485
- package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointSm390pxCompact.swift +898 -485
- package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointXs320px.swift +898 -485
- package/dist/ios/brands/bild/density/DensityCompact.swift +22 -9
- package/dist/ios/brands/bild/density/DensityDefault.swift +22 -9
- package/dist/ios/brands/bild/density/DensitySpacious.swift +22 -9
- package/dist/ios/brands/bild/overrides/Brandcolormapping.swift +151 -69
- package/dist/ios/brands/bild/overrides/Brandtokenmapping.swift +516 -272
- package/dist/ios/brands/bild/semantic/breakpoints/BreakpointLg1024pxRegular.swift +898 -485
- package/dist/ios/brands/bild/semantic/breakpoints/BreakpointMd600px.swift +898 -485
- package/dist/ios/brands/bild/semantic/breakpoints/BreakpointSm390pxCompact.swift +898 -485
- package/dist/ios/brands/bild/semantic/breakpoints/BreakpointXs320px.swift +898 -485
- package/dist/ios/brands/bild/semantic/color/ColormodeDark.swift +466 -422
- package/dist/ios/brands/bild/semantic/color/ColormodeLight.swift +466 -422
- package/dist/ios/brands/sportbild/density/DensityCompact.swift +22 -9
- package/dist/ios/brands/sportbild/density/DensityDefault.swift +22 -9
- package/dist/ios/brands/sportbild/density/DensitySpacious.swift +22 -9
- package/dist/ios/brands/sportbild/overrides/Brandcolormapping.swift +151 -69
- package/dist/ios/brands/sportbild/overrides/Brandtokenmapping.swift +516 -272
- package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointLg1024pxRegular.swift +898 -485
- package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointMd600px.swift +898 -485
- package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointSm390pxCompact.swift +898 -485
- package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointXs320px.swift +898 -485
- package/dist/ios/brands/sportbild/semantic/color/ColormodeDark.swift +466 -422
- package/dist/ios/brands/sportbild/semantic/color/ColormodeLight.swift +466 -422
- package/dist/ios/shared/Colorprimitive.swift +155 -95
- package/dist/ios/shared/Fontprimitive.swift +84 -44
- package/dist/ios/shared/Sizeprimitive.swift +55 -50
- package/dist/ios/shared/Spaceprimitive.swift +31 -26
- package/dist/js/brands/advertorial/density/density-compact.js +24 -9
- package/dist/js/brands/advertorial/density/density-default.js +24 -9
- package/dist/js/brands/advertorial/density/density-spacious.js +24 -9
- package/dist/js/brands/advertorial/overrides/brandtokenmapping.js +518 -329
- package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.js +900 -491
- package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.js +900 -495
- package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.js +900 -493
- package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.js +900 -493
- package/dist/js/brands/advertorial/semantic/effects/effects-dark.js +53 -216
- package/dist/js/brands/advertorial/semantic/effects/effects-light.js +53 -216
- package/dist/js/brands/advertorial/semantic/typography/typography-lg.js +456 -1132
- package/dist/js/brands/advertorial/semantic/typography/typography-md.js +456 -1132
- package/dist/js/brands/advertorial/semantic/typography/typography-sm.js +456 -1132
- package/dist/js/brands/advertorial/semantic/typography/typography-xs.js +456 -1132
- package/dist/js/brands/bild/density/density-compact.js +24 -9
- package/dist/js/brands/bild/density/density-default.js +24 -9
- package/dist/js/brands/bild/density/density-spacious.js +24 -9
- package/dist/js/brands/bild/overrides/brandcolormapping.js +153 -73
- package/dist/js/brands/bild/overrides/brandtokenmapping.js +518 -298
- package/dist/js/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.js +900 -479
- package/dist/js/brands/bild/semantic/breakpoints/breakpoint-md-600px.js +900 -482
- package/dist/js/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.js +900 -485
- package/dist/js/brands/bild/semantic/breakpoints/breakpoint-xs-320px.js +900 -485
- package/dist/js/brands/bild/semantic/color/colormode-dark.js +468 -227
- package/dist/js/brands/bild/semantic/color/colormode-light.js +468 -227
- package/dist/js/brands/bild/semantic/effects/effects-dark.js +53 -216
- package/dist/js/brands/bild/semantic/effects/effects-light.js +53 -216
- package/dist/js/brands/bild/semantic/typography/typography-lg.js +456 -1132
- package/dist/js/brands/bild/semantic/typography/typography-md.js +456 -1132
- package/dist/js/brands/bild/semantic/typography/typography-sm.js +456 -1132
- package/dist/js/brands/bild/semantic/typography/typography-xs.js +456 -1132
- package/dist/js/brands/sportbild/density/density-compact.js +24 -9
- package/dist/js/brands/sportbild/density/density-default.js +24 -9
- package/dist/js/brands/sportbild/density/density-spacious.js +24 -9
- package/dist/js/brands/sportbild/overrides/brandcolormapping.js +153 -73
- package/dist/js/brands/sportbild/overrides/brandtokenmapping.js +518 -329
- package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.js +900 -494
- package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.js +900 -494
- package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.js +900 -494
- package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.js +900 -494
- package/dist/js/brands/sportbild/semantic/color/colormode-dark.js +468 -227
- package/dist/js/brands/sportbild/semantic/color/colormode-light.js +468 -227
- package/dist/js/brands/sportbild/semantic/effects/effects-dark.js +53 -216
- package/dist/js/brands/sportbild/semantic/effects/effects-light.js +53 -216
- package/dist/js/brands/sportbild/semantic/typography/typography-lg.js +456 -1132
- package/dist/js/brands/sportbild/semantic/typography/typography-md.js +456 -1132
- package/dist/js/brands/sportbild/semantic/typography/typography-sm.js +456 -1132
- package/dist/js/brands/sportbild/semantic/typography/typography-xs.js +456 -1132
- package/dist/js/shared/colorprimitive.js +157 -95
- package/dist/js/shared/fontprimitive.js +86 -44
- package/dist/js/shared/sizeprimitive.js +57 -50
- package/dist/js/shared/spaceprimitive.js +33 -26
- package/dist/json/brands/advertorial/density/density-compact.json +16 -48
- package/dist/json/brands/advertorial/density/density-default.json +16 -48
- package/dist/json/brands/advertorial/density/density-spacious.json +16 -48
- package/dist/json/brands/advertorial/overrides/brandtokenmapping.json +542 -2054
- package/dist/json/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.json +922 -3087
- package/dist/json/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.json +922 -3087
- package/dist/json/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.json +922 -3087
- package/dist/json/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.json +922 -3087
- package/dist/json/brands/bild/density/density-compact.json +16 -48
- package/dist/json/brands/bild/density/density-default.json +16 -48
- package/dist/json/brands/bild/density/density-spacious.json +16 -48
- package/dist/json/brands/bild/overrides/brandcolormapping.json +192 -471
- package/dist/json/brands/bild/overrides/brandtokenmapping.json +542 -2054
- package/dist/json/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.json +922 -3087
- package/dist/json/brands/bild/semantic/breakpoints/breakpoint-md-600px.json +922 -3087
- package/dist/json/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.json +922 -3087
- package/dist/json/brands/bild/semantic/breakpoints/breakpoint-xs-320px.json +922 -3087
- package/dist/json/brands/bild/semantic/color/colormode-dark.json +606 -1485
- package/dist/json/brands/bild/semantic/color/colormode-light.json +596 -1475
- package/dist/json/brands/sportbild/density/density-compact.json +16 -48
- package/dist/json/brands/sportbild/density/density-default.json +16 -48
- package/dist/json/brands/sportbild/density/density-spacious.json +16 -48
- package/dist/json/brands/sportbild/overrides/brandcolormapping.json +186 -465
- package/dist/json/brands/sportbild/overrides/brandtokenmapping.json +542 -2054
- package/dist/json/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.json +922 -3087
- package/dist/json/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.json +922 -3087
- package/dist/json/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.json +922 -3087
- package/dist/json/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.json +922 -3087
- package/dist/json/brands/sportbild/semantic/color/colormode-dark.json +606 -1485
- package/dist/json/brands/sportbild/semantic/color/colormode-light.json +596 -1475
- package/dist/json/shared/colorprimitive.json +210 -1206
- package/dist/json/shared/fontprimitive.json +86 -222
- package/dist/json/shared/sizeprimitive.json +98 -196
- package/dist/json/shared/spaceprimitive.json +50 -100
- package/dist/manifest.json +1 -1
- package/dist/scss/brands/advertorial/density/density-compact.scss +25 -9
- package/dist/scss/brands/advertorial/density/density-default.scss +25 -9
- package/dist/scss/brands/advertorial/density/density-spacious.scss +25 -9
- package/dist/scss/brands/advertorial/overrides/brandtokenmapping.scss +519 -272
- package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +898 -470
- package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.scss +898 -470
- package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.scss +898 -470
- package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.scss +898 -470
- package/dist/scss/brands/advertorial/semantic/effects/effects-dark.scss +55 -15
- package/dist/scss/brands/advertorial/semantic/effects/effects-light.scss +55 -15
- package/dist/scss/brands/advertorial/semantic/typography/typography-lg.scss +456 -124
- package/dist/scss/brands/advertorial/semantic/typography/typography-md.scss +456 -124
- package/dist/scss/brands/advertorial/semantic/typography/typography-sm.scss +456 -124
- package/dist/scss/brands/advertorial/semantic/typography/typography-xs.scss +456 -124
- package/dist/scss/brands/bild/density/density-compact.scss +25 -9
- package/dist/scss/brands/bild/density/density-default.scss +25 -9
- package/dist/scss/brands/bild/density/density-spacious.scss +25 -9
- package/dist/scss/brands/bild/overrides/brandcolormapping.scss +155 -70
- package/dist/scss/brands/bild/overrides/brandtokenmapping.scss +519 -272
- package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +898 -470
- package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-md-600px.scss +898 -470
- package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.scss +898 -470
- package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-xs-320px.scss +898 -470
- package/dist/scss/brands/bild/semantic/color/colormode-dark.scss +451 -300
- package/dist/scss/brands/bild/semantic/color/colormode-light.scss +451 -300
- package/dist/scss/brands/bild/semantic/effects/effects-dark.scss +55 -15
- package/dist/scss/brands/bild/semantic/effects/effects-light.scss +55 -15
- package/dist/scss/brands/bild/semantic/typography/typography-lg.scss +456 -124
- package/dist/scss/brands/bild/semantic/typography/typography-md.scss +456 -124
- package/dist/scss/brands/bild/semantic/typography/typography-sm.scss +456 -124
- package/dist/scss/brands/bild/semantic/typography/typography-xs.scss +456 -124
- package/dist/scss/brands/sportbild/density/density-compact.scss +25 -9
- package/dist/scss/brands/sportbild/density/density-default.scss +25 -9
- package/dist/scss/brands/sportbild/density/density-spacious.scss +25 -9
- package/dist/scss/brands/sportbild/overrides/brandcolormapping.scss +155 -70
- package/dist/scss/brands/sportbild/overrides/brandtokenmapping.scss +519 -272
- package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +898 -470
- package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.scss +898 -470
- package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.scss +898 -470
- package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.scss +898 -470
- package/dist/scss/brands/sportbild/semantic/color/colormode-dark.scss +451 -300
- package/dist/scss/brands/sportbild/semantic/color/colormode-light.scss +451 -300
- package/dist/scss/brands/sportbild/semantic/effects/effects-dark.scss +55 -15
- package/dist/scss/brands/sportbild/semantic/effects/effects-light.scss +55 -15
- package/dist/scss/brands/sportbild/semantic/typography/typography-lg.scss +456 -124
- package/dist/scss/brands/sportbild/semantic/typography/typography-md.scss +456 -124
- package/dist/scss/brands/sportbild/semantic/typography/typography-sm.scss +456 -124
- package/dist/scss/brands/sportbild/semantic/typography/typography-xs.scss +456 -124
- package/dist/scss/shared/colorprimitive.scss +159 -96
- package/dist/scss/shared/fontprimitive.scss +68 -25
- package/dist/scss/shared/sizeprimitive.scss +9 -1
- package/dist/scss/shared/spaceprimitive.scss +9 -1
- package/package.json +1 -1
|
@@ -1,301 +1,521 @@
|
|
|
1
1
|
/**
|
|
2
|
-
*
|
|
2
|
+
* brandtokenmapping.js
|
|
3
|
+
* Generiert am: 2025-11-24T20:34:54.929Z
|
|
4
|
+
* Nicht manuell bearbeiten!
|
|
3
5
|
*/
|
|
4
6
|
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
export const
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
export const
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
export const
|
|
17
|
-
|
|
18
|
-
export const
|
|
19
|
-
|
|
20
|
-
export const
|
|
21
|
-
|
|
22
|
-
export const
|
|
23
|
-
|
|
24
|
-
export const
|
|
25
|
-
|
|
26
|
-
export const
|
|
27
|
-
|
|
28
|
-
export const
|
|
29
|
-
|
|
30
|
-
export const
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
export const
|
|
35
|
-
|
|
36
|
-
export const
|
|
37
|
-
|
|
38
|
-
export const
|
|
39
|
-
|
|
40
|
-
export const
|
|
41
|
-
|
|
42
|
-
export const
|
|
43
|
-
|
|
44
|
-
export const
|
|
45
|
-
|
|
46
|
-
export const
|
|
47
|
-
|
|
48
|
-
export const
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
export const
|
|
53
|
-
|
|
54
|
-
export const
|
|
55
|
-
|
|
56
|
-
export const
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
export const
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
export const
|
|
65
|
-
|
|
66
|
-
export const
|
|
67
|
-
|
|
68
|
-
export const
|
|
69
|
-
|
|
70
|
-
export const
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
export const
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
export const
|
|
79
|
-
|
|
80
|
-
export const
|
|
81
|
-
|
|
82
|
-
export const
|
|
83
|
-
|
|
84
|
-
export const
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
export const
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
export const
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
export const
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
export const
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
export const
|
|
101
|
-
|
|
102
|
-
export const
|
|
103
|
-
|
|
104
|
-
export const
|
|
105
|
-
|
|
106
|
-
export const
|
|
107
|
-
|
|
108
|
-
export const
|
|
109
|
-
export const
|
|
110
|
-
export const
|
|
111
|
-
export const
|
|
112
|
-
export const
|
|
113
|
-
export const
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
export const
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
export const
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
export const
|
|
131
|
-
export const
|
|
132
|
-
export const
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
export const
|
|
137
|
-
export const
|
|
138
|
-
export const
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
export const
|
|
145
|
-
|
|
146
|
-
export const
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
export const
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
export const
|
|
160
|
-
|
|
161
|
-
export const
|
|
162
|
-
|
|
163
|
-
export const
|
|
164
|
-
|
|
165
|
-
export const
|
|
166
|
-
|
|
167
|
-
export const
|
|
168
|
-
|
|
169
|
-
export const
|
|
170
|
-
|
|
171
|
-
export const
|
|
172
|
-
|
|
173
|
-
export const
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
export const
|
|
182
|
-
|
|
183
|
-
export const
|
|
184
|
-
|
|
185
|
-
export const
|
|
186
|
-
|
|
187
|
-
export const
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
export const
|
|
192
|
-
|
|
193
|
-
export const
|
|
194
|
-
|
|
195
|
-
export const
|
|
196
|
-
|
|
197
|
-
export const
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
export const
|
|
202
|
-
|
|
203
|
-
export const
|
|
204
|
-
|
|
205
|
-
export const
|
|
206
|
-
|
|
207
|
-
export const
|
|
208
|
-
|
|
209
|
-
export const
|
|
210
|
-
|
|
211
|
-
export const
|
|
212
|
-
|
|
213
|
-
export const
|
|
214
|
-
|
|
215
|
-
export const
|
|
216
|
-
|
|
217
|
-
export const
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
export const
|
|
222
|
-
|
|
223
|
-
export const
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
export const
|
|
228
|
-
|
|
229
|
-
export const
|
|
230
|
-
export const
|
|
231
|
-
|
|
232
|
-
export const
|
|
233
|
-
export const
|
|
234
|
-
export const
|
|
235
|
-
export const
|
|
236
|
-
export const
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
export const
|
|
241
|
-
|
|
242
|
-
export const
|
|
243
|
-
|
|
244
|
-
export const
|
|
245
|
-
|
|
246
|
-
export const
|
|
247
|
-
|
|
248
|
-
export const
|
|
249
|
-
|
|
250
|
-
export const
|
|
251
|
-
|
|
252
|
-
export const
|
|
253
|
-
|
|
254
|
-
export const
|
|
255
|
-
|
|
256
|
-
export const
|
|
257
|
-
|
|
258
|
-
export const
|
|
259
|
-
|
|
260
|
-
export const
|
|
261
|
-
|
|
262
|
-
export const
|
|
263
|
-
|
|
264
|
-
export const
|
|
265
|
-
|
|
266
|
-
export const
|
|
267
|
-
|
|
268
|
-
export const
|
|
269
|
-
|
|
270
|
-
export const
|
|
271
|
-
|
|
272
|
-
export const
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
export const
|
|
277
|
-
|
|
278
|
-
export const
|
|
279
|
-
|
|
280
|
-
export const
|
|
281
|
-
|
|
282
|
-
export const
|
|
283
|
-
|
|
284
|
-
export const
|
|
285
|
-
|
|
286
|
-
export const
|
|
287
|
-
|
|
288
|
-
export const
|
|
289
|
-
|
|
290
|
-
export const
|
|
291
|
-
|
|
292
|
-
export const
|
|
293
|
-
|
|
294
|
-
export const
|
|
295
|
-
|
|
296
|
-
export const
|
|
297
|
-
|
|
298
|
-
export const
|
|
299
|
-
|
|
300
|
-
export const
|
|
301
|
-
|
|
7
|
+
// ============================================
|
|
8
|
+
// COMPONENT
|
|
9
|
+
// ============================================
|
|
10
|
+
|
|
11
|
+
export const buttonLabelFontWeightSt = "600";
|
|
12
|
+
|
|
13
|
+
// Component - Accordion
|
|
14
|
+
export const accordionLabelFontFamily = "Gotham XNarrow";
|
|
15
|
+
|
|
16
|
+
// Component - Article - FontSize
|
|
17
|
+
/** --article-figure-caption-font-size-sm */
|
|
18
|
+
export const articleImageCaptionFontSizeXs = "16px";
|
|
19
|
+
/** --article-figure-caption-font-size-md */
|
|
20
|
+
export const articleImageCaptionFontSizeMd = "18px";
|
|
21
|
+
/** --article-figure-caption-font-size-lg */
|
|
22
|
+
export const articleImageCaptionFontSizeLg = "18px";
|
|
23
|
+
/** --article-figure-caption-font-size-sm */
|
|
24
|
+
export const articleImageCaptionFontSizeSm = "16px";
|
|
25
|
+
/** --article-figure-meta-font-size-sm */
|
|
26
|
+
export const articleImageSourceFontSizeXs = "16px";
|
|
27
|
+
/** --article-figure-meta-font-size-sm */
|
|
28
|
+
export const articleImageSourceFontSizeSm = "16px";
|
|
29
|
+
/** --article-figure-meta-font-size-sm */
|
|
30
|
+
export const articleImageSourceFontSizeMd = "16px";
|
|
31
|
+
/** --article-figure-meta-font-size-lg */
|
|
32
|
+
export const articleImageSourceFontSizeLg = "18px";
|
|
33
|
+
|
|
34
|
+
// Component - Article - LineHeight
|
|
35
|
+
/** --article-figure-caption-line-height-sm ; Bild: 19.5 // SpoBi: 16.9 // Ad: 19.5 */
|
|
36
|
+
export const articleImageCaptionLineHeightXs = "19.5px";
|
|
37
|
+
/** --article-figure-caption-line-height-md ; Bild: 24.75 // SpoBi: 16.9 // Ad: 19.5 */
|
|
38
|
+
export const articleImageCaptionLineHeightMd = "24.75px";
|
|
39
|
+
/** --article-figure-caption-line-height-lg ; Bild: 24.75 // SpoBi: 19.5 // Ad: 24 */
|
|
40
|
+
export const articleImageCaptionLineHeightLg = "24.75px";
|
|
41
|
+
/** --article-figure-caption-line-height-sm ; Bild: 19.5 // SpoBi: 16.9 // Ad: 19.5 */
|
|
42
|
+
export const articleImageCaptionLineHeightSm = "19.5px";
|
|
43
|
+
/** --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19 */
|
|
44
|
+
export const articleImageSourceLineHeightMd = "21px";
|
|
45
|
+
/** --article-figure-meta-line-height-lg ; Bild: 23 // SpoBi: 19 // Ad: 24 */
|
|
46
|
+
export const articleImageSourceLineHeightLg = "23px";
|
|
47
|
+
/** --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19 */
|
|
48
|
+
export const articleImageSourceLineHeightXs = "21px";
|
|
49
|
+
/** --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19 */
|
|
50
|
+
export const articleImageSourceLineHeightSm = "21px";
|
|
51
|
+
|
|
52
|
+
// Component - Avatar
|
|
53
|
+
/** current css 09-2025 --article-author-font // Bild: GothamXNarrow; SpoBi: Inter; Ads: LucidaGrande */
|
|
54
|
+
export const avatarFontFamily = "Gotham XNarrow";
|
|
55
|
+
/** 09-2025 css using footnote var for font sizes SM & LG // Bild: 16; SpoBi: 13; Ads: 13 */
|
|
56
|
+
export const avatarFontSizeSm = "16px";
|
|
57
|
+
/** 09-2025 css using footnote var for font sizes SM & LG // Bild: 18; SpoBi: 15; Ads: 15 */
|
|
58
|
+
export const avatarFontSizeLg = "18px";
|
|
59
|
+
|
|
60
|
+
// Component - Breadcrumb - FontFamily
|
|
61
|
+
/** --breadcrumb-font */
|
|
62
|
+
export const breadcrumbFontFamily = "Gotham XNarrow";
|
|
63
|
+
|
|
64
|
+
// Component - Breadcrumb - FontSize
|
|
65
|
+
/** --breadcrumb-font-size-sm */
|
|
66
|
+
export const breadcrumbFontSizeXs = "15px";
|
|
67
|
+
/** --breadcrumb-font-size-sm */
|
|
68
|
+
export const breadcrumbFontSizeSm = "15px";
|
|
69
|
+
/** --breadcrumb-font-size-sm */
|
|
70
|
+
export const breadcrumbFontSizeMd = "15px";
|
|
71
|
+
/** --breadcrumb-font-size-lg */
|
|
72
|
+
export const breadcrumbFontSizeLg = "12px";
|
|
73
|
+
|
|
74
|
+
// Component - Breadcrumb - FontWeight
|
|
75
|
+
/** --breadcrumb-font-size-sm */
|
|
76
|
+
export const breadcrumbFontWeight = "700";
|
|
77
|
+
|
|
78
|
+
// Component - Breadcrumb - LineHeight
|
|
79
|
+
/** not defined as variable */
|
|
80
|
+
export const breadcrumbLineHeightXs = "15px";
|
|
81
|
+
/** not defined as variable */
|
|
82
|
+
export const breadcrumbLineHeightSm = "15px";
|
|
83
|
+
/** not defined as variable */
|
|
84
|
+
export const breadcrumbLineHeightMd = "15px";
|
|
85
|
+
/** not defined as variable */
|
|
86
|
+
export const breadcrumbLineHeightLg = "12px";
|
|
87
|
+
|
|
88
|
+
// Component - BreakingNews
|
|
89
|
+
export const breakingNewsContentFontSize = "21px";
|
|
90
|
+
|
|
91
|
+
// Component - Footer
|
|
92
|
+
export const footerLinkFontFamily = "Gotham XNarrow";
|
|
93
|
+
|
|
94
|
+
// Component - Inputfield
|
|
95
|
+
export const inputFieldLabelFontFamily = "Gotham XNarrow";
|
|
96
|
+
|
|
97
|
+
// Component - MediaPlayer
|
|
98
|
+
export const videoTimeBadgeFontFamily = "Gotham XNarrow";
|
|
99
|
+
|
|
100
|
+
// Component - Menu
|
|
101
|
+
/** --nav-btn-font-size */
|
|
102
|
+
export const menuItemFontSize = "15px";
|
|
103
|
+
/** --caption-1-font-size-md */
|
|
104
|
+
export const appTopBarTitleFontSizeMd = "14px";
|
|
105
|
+
/** --caption-1-font-size-lg */
|
|
106
|
+
export const appTopBarTitleFontSizeLg = "14px";
|
|
107
|
+
/** --caption-1-font-size-sm */
|
|
108
|
+
export const appTopBarTitleFontSizeXs = "12px";
|
|
109
|
+
/** --caption-1-font-size-sm */
|
|
110
|
+
export const appTopBarTitleFontSizeSm = "12px";
|
|
111
|
+
export const appTopBarTitleLineHeightMd = "17px";
|
|
112
|
+
export const appTopBarTitleLineHeightLg = "17px";
|
|
113
|
+
export const appTopBarTitleLineHeightXs = "14px";
|
|
114
|
+
export const appTopBarTitleLineHeightSm = "14px";
|
|
115
|
+
export const menuItemFontWeight = "700";
|
|
116
|
+
|
|
117
|
+
// Component - Teaser
|
|
118
|
+
/** --teaser-title-padding-lg */
|
|
119
|
+
export const teaserTitleInlineSpaceLg = "12px";
|
|
120
|
+
/** --teaser-title-padding-md */
|
|
121
|
+
export const teaserTitleInlineSpaceMd = "12px";
|
|
122
|
+
/** --teaser-title-padding-sm */
|
|
123
|
+
export const teaserTitleInlineSpaceSm = "8px";
|
|
124
|
+
/** --teaser-title-padding-xs */
|
|
125
|
+
export const teaserTitleInlineSpaceXs = "8px";
|
|
126
|
+
|
|
127
|
+
// Component - Teaser - 2xaTeaser
|
|
128
|
+
export const _2xaTeaserTitleInlineSpace = "8px";
|
|
129
|
+
|
|
130
|
+
// Component - Teaser - Quad
|
|
131
|
+
export const qTeaserTitleInlineSpaceLg = "12px";
|
|
132
|
+
export const qTeaserTitleInlineSpaceMd = "16px";
|
|
133
|
+
export const qTeaserTitleInlineSpaceSm = "8px";
|
|
134
|
+
export const qTeaserTitleInlineSpaceXs = "8px";
|
|
135
|
+
|
|
136
|
+
// Component - Teaser - aTeaser
|
|
137
|
+
export const aTeaserTitleInlineSpaceLg = "12px";
|
|
138
|
+
export const aTeaserTitleInlineSpaceMd = "12px";
|
|
139
|
+
export const aTeaserTitleInlineSpaceXs = "8px";
|
|
140
|
+
export const aTeaserTitleInlineSpaceSm = "8px";
|
|
141
|
+
|
|
142
|
+
// Component - Teaser - bTeaser
|
|
143
|
+
export const bTeaserTitleInlineSpace = "8px";
|
|
144
|
+
|
|
145
|
+
// Component - Teaser - miniQ
|
|
146
|
+
export const miniQteaserTitleInlineSpaceMd = "8px";
|
|
147
|
+
export const miniQteaserTitleInlineSpaceLg = "8px";
|
|
148
|
+
export const miniQteaserTitleInlineSpaceSm = "8px";
|
|
149
|
+
export const miniQteaserTitleInlineSpaceXs = "8px";
|
|
150
|
+
|
|
151
|
+
// Component - Teaser - superA
|
|
152
|
+
export const superAteaserTitleInlineSpace = "16px";
|
|
153
|
+
|
|
154
|
+
|
|
155
|
+
// ============================================
|
|
156
|
+
// GLOBAL
|
|
157
|
+
// ============================================
|
|
158
|
+
|
|
159
|
+
// Global - Typography - FontFamily
|
|
160
|
+
/** Bild: GothamXNarrow | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the kickers text styles font family parameter. */
|
|
161
|
+
export const kickerFontFamily = "Gotham XNarrow";
|
|
162
|
+
/** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the display text style font family parameter. */
|
|
163
|
+
export const displayFontFamily = "Gotham";
|
|
164
|
+
/** Bild: GothamCond | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the headlines text style font family parameter. */
|
|
165
|
+
export const headlineFontFamily = "Gotham Condensed";
|
|
166
|
+
/** Bild: GothamCond | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the subheadlines text style font family parameter. */
|
|
167
|
+
export const subheadlineFontFamily = "Gotham Condensed";
|
|
168
|
+
/** Bild: GothamXNarrow | SpoBi: Inter | Ads: LucidaGrande | This variable is used in the body text style font family parameter. */
|
|
169
|
+
export const bodyFontFamily = "Gotham XNarrow";
|
|
170
|
+
/** Bild: GothamXNarrow | SpoBi: Inter | Ads: LucidaGrande | This variable is used in the footnotes text style font family parameter. */
|
|
171
|
+
export const footnoteFontFamily = "Gotham XNarrow";
|
|
172
|
+
/** Bild: GothamXNarrow | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the labels text styles font family parameter. */
|
|
173
|
+
export const labelFontFamily = "Gotham XNarrow";
|
|
174
|
+
/** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the quotes text style font family parameter. */
|
|
175
|
+
export const quoteFontFamily = "Gotham";
|
|
176
|
+
/** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the titles text style font family parameter. */
|
|
177
|
+
export const titleFontFamily = "Gotham";
|
|
178
|
+
/** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the callouts text style font family parameter. */
|
|
179
|
+
export const calloutFontFamily = "Gotham";
|
|
180
|
+
|
|
181
|
+
// Global - Typography - FontSize - Body
|
|
182
|
+
/** Bild: 21 | SpoBi: 17 | Ads: 17 | This variable is used in the body text style font size parameter for small device sizes. Current online css: --body-font-size */
|
|
183
|
+
export const bodyFontSizeXs = "21px";
|
|
184
|
+
/** Bild: 21 | SpoBi: 17 | Ads: 17 | This variable is used in the body text style font size parameter for small device sizes. Current online css: --body-font-size */
|
|
185
|
+
export const bodyFontSizeSm = "21px";
|
|
186
|
+
/** Bild: 21 | SpoBi: 17 | Ads: 17 | This variable is used in the body text style font size parameter for medium device sizes. Current online css: --body-font-size */
|
|
187
|
+
export const bodyFontSizeMd = "21px";
|
|
188
|
+
/** Bild: 21 | SpoBi: 17 | Ads: 17 | This variable is used in the body text style font size parameter for large device sizes. Current online css: --body-font-size */
|
|
189
|
+
export const bodyFontSizeLg = "21px";
|
|
190
|
+
|
|
191
|
+
// Global - Typography - FontSize - Callout
|
|
192
|
+
/** Bild: 18 | SpoBi: 18 | Ads: 16 | This variable is used in the callout1 text style font size parameter for small device sizes. Current online css: */
|
|
193
|
+
export const callout1FontSizeXs = "18px";
|
|
194
|
+
/** Bild: 18 | SpoBi: 18 | Ads: 16 | This variable is used in the callout1 text style font size parameter for small device sizes. Current online css: */
|
|
195
|
+
export const callout1FontSizeSm = "18px";
|
|
196
|
+
/** Bild: 22 | SpoBi: 24 | Ads: 22 | This variable is used in the callout1 text style font size parameter for medium device sizes. Current online css: */
|
|
197
|
+
export const callout1FontSizeMd = "22px";
|
|
198
|
+
/** Bild: 22 | SpoBi: 24 | Ads: 22 | This variable is used in the callout1 text style font size parameter for large device sizes. Current online css: */
|
|
199
|
+
export const callout1FontSizeLg = "22px";
|
|
200
|
+
|
|
201
|
+
// Global - Typography - FontSize - Display
|
|
202
|
+
/** Bild: 40 | SpoBi: 38 | Ads: 39 | This variable is used in the display1 text style font size parameter for small device sizes. */
|
|
203
|
+
export const display1FontSizeXs = "40px";
|
|
204
|
+
/** Bild: 40 | SpoBi: 38 | Ads: 39 | This variable is used in the display1 text style font size parameter for small device sizes. */
|
|
205
|
+
export const display1FontSizeSm = "40px";
|
|
206
|
+
/** Bild: 72 | SpoBi: 68 | Ads: 70 | This variable is used in the display1 text style font size parameter for medium device sizes. */
|
|
207
|
+
export const display1FontSizeMd = "72px";
|
|
208
|
+
/** Bild: 120 | SpoBi: 114 | Ads: 116 | This variable is used in the display1 text style font size parameter for large device sizes. */
|
|
209
|
+
export const display1FontSizeLg = "120px";
|
|
210
|
+
/** Bild: 36 | SpoBi: 34 | Ads: 35 | This variable is used in the display2 text style font size parameter for small device sizes. */
|
|
211
|
+
export const display2FontSizeXs = "36px";
|
|
212
|
+
/** Bild: 36 | SpoBi: 34 | Ads: 35 | This variable is used in the display2 text style font size parameter for small device sizes. */
|
|
213
|
+
export const display2FontSizeSm = "36px";
|
|
214
|
+
/** Bild: 42 | SpoBi: 40 | Ads: 41 | This variable is used in the display2 text style font size parameter for medium device sizes. */
|
|
215
|
+
export const display2FontSizeMd = "42px";
|
|
216
|
+
/** Bild: 64 | SpoBi: 61 | Ads: 62 | This variable is used in the display2 text style font size parameter for large device sizes. */
|
|
217
|
+
export const display2FontSizeLg = "64px";
|
|
218
|
+
/** Bild: 28 | SpoBi: 27 | Ads: 27 | This variable is used in the display3 text style font size parameter for small device sizes. */
|
|
219
|
+
export const display3FontSizeSm = "28px";
|
|
220
|
+
/** Bild: 32 | SpoBi: 30 | Ads: 31 | This variable is used in the display3 text style font size parameter for medium device sizes. */
|
|
221
|
+
export const display3FontSizeMd = "32px";
|
|
222
|
+
/** Bild: 40 | SpoBi: 38 | Ads: 39 | This variable is used in the display3 text style font size parameter for large device sizes. */
|
|
223
|
+
export const display3FontSizeLg = "40px";
|
|
224
|
+
/** Bild: 28 | SpoBi: 27 | Ads: 27 | This variable is used in the display3 text style font size parameter for small device sizes. */
|
|
225
|
+
export const display3FontSizeXs = "28px";
|
|
226
|
+
|
|
227
|
+
// Global - Typography - FontSize - Footnote
|
|
228
|
+
/** --footnote-font-size-sm */
|
|
229
|
+
export const footnote1FontSizeXs = "16px";
|
|
230
|
+
/** --footnote-font-size-sm */
|
|
231
|
+
export const footnote1FontSizeSm = "16px";
|
|
232
|
+
export const footnote1FontSizeMd = "16px";
|
|
233
|
+
/** --footnote-font-size-lg */
|
|
234
|
+
export const footnote1FontSizeLg = "18px";
|
|
235
|
+
export const footnote2FontSizeXs = "12px";
|
|
236
|
+
export const footnote2FontSizeSm = "12px";
|
|
237
|
+
export const footnote2FontSizeMd = "12px";
|
|
238
|
+
export const footnote2FontSizeLg = "16px";
|
|
239
|
+
|
|
240
|
+
// Global - Typography - FontSize - Headline
|
|
241
|
+
/** Bild: 48 | SpoBi: 42 | Ads: 36 | This variable is used in the headline1 text style font size parameter for small device sizes. */
|
|
242
|
+
export const headline1FontSizeXs = "48px";
|
|
243
|
+
/** Bild: 48 | SpoBi: 42 | Ads: 36 | This variable is used in the headline1 text style font size parameter for small device sizes. */
|
|
244
|
+
export const headline1FontSizeSm = "48px";
|
|
245
|
+
/** Bild: 72 | SpoBi: 60 | Ads: 54 | This variable is used in the headline1 text style font size parameter for medium device sizes. */
|
|
246
|
+
export const headline1FontSizeMd = "72px";
|
|
247
|
+
/** Bild: 100 | SpoBi: 80 | Ads: 70 | This variable is used in the headline1 text style font size parameter for large device sizes. */
|
|
248
|
+
export const headline1FontSizeLg = "100px";
|
|
249
|
+
/** Bild: 40 | SpoBi: 42 | Ads: 30 | This variable is used in the headline2 text style font size parameter for small device sizes. */
|
|
250
|
+
export const headline2FontSizeXs = "40px";
|
|
251
|
+
/** Bild: 40 | SpoBi: 42 | Ads: 30 | This variable is used in the headline2 text style font size parameter for small device sizes. */
|
|
252
|
+
export const headline2FontSizeSm = "40px";
|
|
253
|
+
/** Bild: 48 | SpoBi: 44 | Ads: 36 | This variable is used in the headline2 text style font size parameter for medium device sizes. */
|
|
254
|
+
export const headline2FontSizeMd = "48px";
|
|
255
|
+
/** Bild: 64 | SpoBi: 50 | Ads: 48 | This variable is used in the headline2 text style font size parameter for large device sizes. */
|
|
256
|
+
export const headline2FontSizeLg = "64px";
|
|
257
|
+
/** Bild: 28 | SpoBi: 30 | Ads: 24 | This variable is used in the headline3 text style font size parameter for small device sizes. */
|
|
258
|
+
export const headline3FontSizeXs = "28px";
|
|
259
|
+
/** Bild: 28 | SpoBi: 30 | Ads: 24 | This variable is used in the headline3 text style font size parameter for small device sizes. */
|
|
260
|
+
export const headline3FontSizeSm = "28px";
|
|
261
|
+
/** Bild: 36 | SpoBi: 30 | Ads: 26 | This variable is used in the headline3 text style font size parameter for medium device sizes. */
|
|
262
|
+
export const headline3FontSizeMd = "36px";
|
|
263
|
+
/** Bild: 40 | SpoBi: 34 | Ads: 32 | This variable is used in the headline3 text style font size parameter for large device sizes. */
|
|
264
|
+
export const headline3FontSizeLg = "40px";
|
|
265
|
+
/** Bild: 22 | SpoBi: 21 | Ads: 16 | This variable is used in the headline4 text style font size parameter for small device sizes. */
|
|
266
|
+
export const headline4FontSizeXs = "22px";
|
|
267
|
+
/** Bild: 22 | SpoBi: 21 | Ads: 16 | This variable is used in the headline4 text style font size parameter for small device sizes. */
|
|
268
|
+
export const headline4FontSizeSm = "22px";
|
|
269
|
+
/** Bild: 26 | SpoBi: 26 | Ads: 20 | This variable is used in the headline4 text style font size parameter for medium device sizes. */
|
|
270
|
+
export const headline4FontSizeMd = "26px";
|
|
271
|
+
/** Bild: 32 | SpoBi: 26 | Ads: 22 | This variable is used in the headline4 text style font size parameter for large device sizes. */
|
|
272
|
+
export const headline4FontSizeLg = "32px";
|
|
273
|
+
/** This variable is used for controlling the alignment of headlines across brands. current online css example var: --headline-text-align-lg */
|
|
274
|
+
export const headlineTextAlign = "center";
|
|
275
|
+
|
|
276
|
+
// Global - Typography - FontSize - Kicker
|
|
277
|
+
/** Bild: 18 | SpoBi: 20 | Ads: 16 | This variable is used in the kicker1 text style font size parameter for small device sizes. Current online css: --kicker-0-font-size-sm */
|
|
278
|
+
export const kicker1FontSizeXs = "18px";
|
|
279
|
+
/** Bild: 18 | SpoBi: 20 | Ads: 16 | This variable is used in the kicker1 text style font size parameter for small device sizes. Current online css: --kicker-0-font-size-sm */
|
|
280
|
+
export const kicker1FontSizeSm = "18px";
|
|
281
|
+
/** Bild: 22 | SpoBi: 26 | Ads: 18 | This variable is used in the kicker1 text style font size parameter for medium device sizes. Current online css: --kicker-0-font-size-md */
|
|
282
|
+
export const kicker1FontSizeMd = "22px";
|
|
283
|
+
/** Bild: 30 | SpoBi: 32 | Ads: 25 | This variable is used in the kicker1 text style font size parameter for large device sizes. Current online css: --kicker-0-font-size-lg */
|
|
284
|
+
export const kicker1FontSizeLg = "30px";
|
|
285
|
+
/** Bild: 18 | SpoBi: 16 | Ads: 16 | This variable is used in the kicker2 text style font size parameter for small device sizes. Current online css: --kicker-1-font-size-sm */
|
|
286
|
+
export const kicker2FontSizeXs = "18px";
|
|
287
|
+
/** Bild: 18 | SpoBi: 16 | Ads: 16 | This variable is used in the kicker2 text style font size parameter for small device sizes. Current online css: --kicker-1-font-size-sm */
|
|
288
|
+
export const kicker2FontSizeSm = "18px";
|
|
289
|
+
/** Bild: 22 | SpoBi: 26 | Ads: 18 | This variable is used in the kicker2 text style font size parameter for medium device sizes. Current online css: --kicker-1-font-size-md */
|
|
290
|
+
export const kicker2FontSizeMd = "22px";
|
|
291
|
+
/** Bild: 24 | SpoBi: 26 | Ads: 21 | This variable is used in the kicker2 text style font size parameter for large device sizes. Current online css: --kicker-1-font-size-lg */
|
|
292
|
+
export const kicker2FontSizeLg = "24px";
|
|
293
|
+
/** Bild: 16 | SpoBi: 16 | Ads: 14 | This variable is used in the kicker3 text style font size parameter for small device sizes. Current online css: --kicker-2-font-size-sm */
|
|
294
|
+
export const kicker3FontSizeXs = "16px";
|
|
295
|
+
/** Bild: 16 | SpoBi: 16 | Ads: 14 | This variable is used in the kicker3 text style font size parameter for small device sizes. Current online css: --kicker-2-font-size-sm */
|
|
296
|
+
export const kicker3FontSizeSm = "16px";
|
|
297
|
+
/** Bild: 18 | SpoBi: 20 | Ads: 14 | This variable is used in the kicker3 text style font size parameter for medium device sizes. Current online css: --kicker-2-font-size-md */
|
|
298
|
+
export const kicker3FontSizeMd = "18px";
|
|
299
|
+
/** Bild: 20 | SpoBi: 22 | Ads: 16 | This variable is used in the kicker3 text style font size parameter for large device sizes. Current online css: --kicker-2-font-size-lg */
|
|
300
|
+
export const kicker3FontSizeLg = "20px";
|
|
301
|
+
/** Bild: 14 | SpoBi: 14 | Ads: 12 | This variable is used in the kicker4 text style font size parameter for small device sizes. Current online css: --kicker-3-font-size-sm */
|
|
302
|
+
export const kicker4FontSizeXs = "14px";
|
|
303
|
+
/** Bild: 14 | SpoBi: 14 | Ads: 12 | This variable is used in the kicker4 text style font size parameter for small device sizes. Current online css: --kicker-3-font-size-sm */
|
|
304
|
+
export const kicker4FontSizeSm = "14px";
|
|
305
|
+
/** Bild: 16 | SpoBi: 16 | Ads: 14 | This variable is used in the kicker4 text style font size parameter for medium device sizes. Current online css: --kicker-3-font-size-md */
|
|
306
|
+
export const kicker4FontSizeMd = "16px";
|
|
307
|
+
/** Bild: 16 | SpoBi: 18 | Ads: 14 | This variable is used in the kicker4 text style font size parameter for large device sizes. Current online css: --kicker-3-font-size-lg */
|
|
308
|
+
export const kicker4FontSizeLg = "16px";
|
|
309
|
+
|
|
310
|
+
// Global - Typography - FontSize - Label
|
|
311
|
+
export const label1FontSize = "17px";
|
|
312
|
+
export const label2FontSize = "15px";
|
|
313
|
+
export const label3FontSize = "12px";
|
|
314
|
+
export const label4FontSize = "8px";
|
|
315
|
+
export const label1RespFontSizeXs = "10px";
|
|
316
|
+
export const label1RespFontSizeSm = "10px";
|
|
317
|
+
export const label1RespFontSizeMd = "15px";
|
|
318
|
+
export const label1RespFontSizeLg = "17px";
|
|
319
|
+
|
|
320
|
+
// Global - Typography - FontSize - Quote
|
|
321
|
+
export const quoteFontSizeXs = "16px";
|
|
322
|
+
export const quoteFontSizeSm = "16px";
|
|
323
|
+
export const quoteFontSizeMd = "18px";
|
|
324
|
+
export const quoteFontSizeLg = "20px";
|
|
325
|
+
|
|
326
|
+
// Global - Typography - FontSize - Subheadline
|
|
327
|
+
/** Bild: 24 | SpoBi: 18 | Ads: 18 | This variable is used in the subheadline1 text style font size parameter for small device sizes. */
|
|
328
|
+
export const subheadline1FontSizeXs = "24px";
|
|
329
|
+
/** Bild: 24 | SpoBi: 18 | Ads: 18 | This variable is used in the subheadline1 text style font size parameter for small device sizes. */
|
|
330
|
+
export const subheadline1FontSizeSm = "24px";
|
|
331
|
+
/** Bild: 32 | SpoBi: 22 | Ads: 18 | This variable is used in the subheadline1 text style font size parameter for medium device sizes. */
|
|
332
|
+
export const subheadline1FontSizeMd = "32px";
|
|
333
|
+
/** Bild: 36 | SpoBi: 26 | Ads: 28 | This variable is used in the subheadline1 text style font size parameter for large device sizes. */
|
|
334
|
+
export const subheadline1FontSizeLg = "36px";
|
|
335
|
+
|
|
336
|
+
// Global - Typography - FontSize - Title
|
|
337
|
+
/** Bild 22 | SpoBi 24 | Ads 22 | current online css: --ressort-header-font-size-sm */
|
|
338
|
+
export const title1FontSizeXs = "22px";
|
|
339
|
+
/** Bild 22 | SpoBi 24 | Ads 22 | current online css: --ressort-header-font-size-sm */
|
|
340
|
+
export const title1FontSizeSm = "22px";
|
|
341
|
+
/** Bild 22 | SpoBi 28 | Ads 22 | current online css: --ressort-header-font-size-md */
|
|
342
|
+
export const title1FontSizeMd = "22px";
|
|
343
|
+
/** Bild 28 | SpoBi 30 | Ads 28 | current online css: --ressort-header-font-size-lg */
|
|
344
|
+
export const title1FontSizeLg = "28px";
|
|
345
|
+
/** Bild 16 | SpoBi 16 | Ads 14 | current online css var: --caption-1-font-size-sm */
|
|
346
|
+
export const title2FontSizeXs = "16px";
|
|
347
|
+
/** Bild 16 | SpoBi 16 | Ads 14 | current online css: --caption-1-font-size-sm */
|
|
348
|
+
export const title2FontSizeSm = "16px";
|
|
349
|
+
/** Bild 18 | SpoBi 18 | Ads 16 | current online css: --caption-1-font-size-md */
|
|
350
|
+
export const title2FontSizeMd = "18px";
|
|
351
|
+
/** Bild 20 | SpoBi 20 | Ads 18 | current online css: --caption-1-font-size-lg */
|
|
352
|
+
export const title2FontSizeLg = "20px";
|
|
353
|
+
|
|
354
|
+
// Global - Typography - FontWeight - Body
|
|
355
|
+
export const bodyFontWeightBook = "400";
|
|
356
|
+
export const bodyFontWeightBold = "700";
|
|
357
|
+
|
|
358
|
+
// Global - Typography - FontWeight - Callout
|
|
359
|
+
export const calloutFontWeight = "800";
|
|
360
|
+
|
|
361
|
+
// Global - Typography - FontWeight - Display
|
|
362
|
+
export const displayFontWeight = "800";
|
|
363
|
+
|
|
364
|
+
// Global - Typography - FontWeight - Footnote
|
|
365
|
+
export const footnoteFontWeightBook = "400";
|
|
366
|
+
export const footnoteFontWeightBold = "700";
|
|
367
|
+
|
|
368
|
+
// Global - Typography - FontWeight - Headline
|
|
369
|
+
export const headline1FontWeightSt = "700";
|
|
370
|
+
export const headline1FontWeight = "700";
|
|
371
|
+
export const headline2FontWeight = "700";
|
|
372
|
+
export const headline3FontWeight = "700";
|
|
373
|
+
export const headline4FontWeight = "600";
|
|
374
|
+
export const headline2FontWeightSt = "700";
|
|
375
|
+
export const headline3FontWeightSt = "700";
|
|
376
|
+
export const headline4FontWeightSt = "600";
|
|
377
|
+
|
|
378
|
+
// Global - Typography - FontWeight - Kicker
|
|
379
|
+
export const kickerFontWeight = "700";
|
|
380
|
+
export const kickerFontWeightSt = "700";
|
|
381
|
+
|
|
382
|
+
// Global - Typography - FontWeight - Label
|
|
383
|
+
export const labelFontWeightBook = "400";
|
|
384
|
+
export const labelFontWeightBold = "700";
|
|
385
|
+
|
|
386
|
+
// Global - Typography - FontWeight - Quote
|
|
387
|
+
export const quoteFontWeight = "800";
|
|
388
|
+
|
|
389
|
+
// Global - Typography - FontWeight - Subheadline
|
|
390
|
+
export const subheadlineFontWeight = "700";
|
|
391
|
+
|
|
392
|
+
// Global - Typography - FontWeight - Title
|
|
393
|
+
export const titleFontWeight = "800";
|
|
394
|
+
|
|
395
|
+
// Global - Typography - LineHeight - Body
|
|
396
|
+
export const bodyLineHeightXs = "28px";
|
|
397
|
+
export const bodyLineHeightSm = "28px";
|
|
398
|
+
export const bodyLineHeightMd = "28px";
|
|
399
|
+
export const bodyLineHeightLg = "32px";
|
|
400
|
+
|
|
401
|
+
// Global - Typography - LineHeight - Callout
|
|
402
|
+
export const callout1LineHeightXs = "18px";
|
|
403
|
+
export const callout1LineHeightSm = "18px";
|
|
404
|
+
export const callout1LineHeightMd = "22px";
|
|
405
|
+
export const callout1LineHeightLg = "22px";
|
|
406
|
+
|
|
407
|
+
// Global - Typography - LineHeight - Display
|
|
408
|
+
export const display1LineHeightXs = "40px";
|
|
409
|
+
export const display1LineHeightSm = "40px";
|
|
410
|
+
export const display1LineHeightMd = "72px";
|
|
411
|
+
export const display1LineHeightLg = "120px";
|
|
412
|
+
export const display2LineHeightXs = "36px";
|
|
413
|
+
export const display2LineHeightSm = "36px";
|
|
414
|
+
export const display2LineHeightMd = "42px";
|
|
415
|
+
export const display2LineHeightLg = "64px";
|
|
416
|
+
export const display3LineHeightLg = "40px";
|
|
417
|
+
export const display3LineHeightMd = "32px";
|
|
418
|
+
export const display3LineHeightSm = "28px";
|
|
419
|
+
export const display3LineHeightXs = "28px";
|
|
420
|
+
|
|
421
|
+
// Global - Typography - LineHeight - Footnote
|
|
422
|
+
export const footnote1LineHeightXs = "21px";
|
|
423
|
+
export const footnote1LineHeightSm = "21px";
|
|
424
|
+
export const footnote1LineHeightMd = "21px";
|
|
425
|
+
export const footnote1LineHeightLg = "23px";
|
|
426
|
+
export const footnote2LineHeightXs = "15.600000381469727px";
|
|
427
|
+
export const footnote2LineHeightSm = "15.600000381469727px";
|
|
428
|
+
export const footnote2LineHeightMd = "15.800000190734863px";
|
|
429
|
+
export const footnote2LineHeightLg = "21px";
|
|
430
|
+
|
|
431
|
+
// Global - Typography - LineHeight - Headline
|
|
432
|
+
export const headline1LineHeightXs = "48px";
|
|
433
|
+
export const headline1LineHeightSm = "48px";
|
|
434
|
+
export const headline1LineHeightMd = "72px";
|
|
435
|
+
export const headline1LineHeightLg = "100px";
|
|
436
|
+
export const headline2LineHeightXs = "40px";
|
|
437
|
+
export const headline2LineHeightSm = "40px";
|
|
438
|
+
export const headline2LineHeightMd = "48px";
|
|
439
|
+
export const headline2LineHeightLg = "64px";
|
|
440
|
+
export const headline3LineHeightXs = "28px";
|
|
441
|
+
export const headline3LineHeightSm = "28px";
|
|
442
|
+
export const headline3LineHeightMd = "36px";
|
|
443
|
+
export const headline3LineHeightLg = "40px";
|
|
444
|
+
export const headline4LineHeightXs = "22px";
|
|
445
|
+
export const headline4LineHeightSm = "22px";
|
|
446
|
+
export const headline4LineHeightMd = "22px";
|
|
447
|
+
export const headline4LineHeightLg = "30px";
|
|
448
|
+
|
|
449
|
+
// Global - Typography - LineHeight - Kicker
|
|
450
|
+
export const kicker1LineHeightXs = "19.799999237060547px";
|
|
451
|
+
export const kicker1LineHeightSm = "19.799999237060547px";
|
|
452
|
+
export const kicker1LineHeightMd = "22px";
|
|
453
|
+
export const kicker1LineHeightLg = "30px";
|
|
454
|
+
export const kicker2LineHeightXs = "19.799999237060547px";
|
|
455
|
+
export const kicker2LineHeightSm = "19.799999237060547px";
|
|
456
|
+
export const kicker2LineHeightMd = "22px";
|
|
457
|
+
export const kicker2LineHeightLg = "24px";
|
|
458
|
+
export const kicker3LineHeightXs = "17.600000381469727px";
|
|
459
|
+
export const kicker3LineHeightSm = "17.600000381469727px";
|
|
460
|
+
export const kicker3LineHeightMd = "18px";
|
|
461
|
+
export const kicker3LineHeightLg = "20px";
|
|
462
|
+
export const kicker4LineHeightXs = "15.399999618530273px";
|
|
463
|
+
export const kicker4LineHeightSm = "15.399999618530273px";
|
|
464
|
+
export const kicker4LineHeightMd = "17.600000381469727px";
|
|
465
|
+
export const kicker4LineHeightLg = "16px";
|
|
466
|
+
|
|
467
|
+
// Global - Typography - LineHeight - Label
|
|
468
|
+
/** Bild 17 | SpoBi 20.4 | Ads 20.4 | The label 1 text style uses this variable for its line height parameter. */
|
|
469
|
+
export const label1LineHeight = "17px";
|
|
470
|
+
/** Bild 10 | SpoBi 12 | Ads 10 | The label1 responsive text style uses this variable for its line height parameter. */
|
|
471
|
+
export const label1RespLineHeightXs = "10px";
|
|
472
|
+
/** Bild 10 | SpoBi 12 | Ads 10 | The label1 responsive text style uses this variable for its line height parameter. */
|
|
473
|
+
export const label1RespLineHeightSm = "10px";
|
|
474
|
+
/** Bild 15 | SpoBi 18 | Ads 15 | The label1 responsive text style uses this variable for its line height parameter. */
|
|
475
|
+
export const label1RespLineHeightMd = "15px";
|
|
476
|
+
/** Bild 17 | SpoBi 20.4 | Ads 17 | The label1 responsive text style uses this variable for its line height parameter. */
|
|
477
|
+
export const label1RespLineHeightLg = "17px";
|
|
478
|
+
/** Bild 16 | SpoBi 19.2 | Ads 16 | The label 2 text style uses this variable for its line height parameter. */
|
|
479
|
+
export const label2LineHeight = "16px";
|
|
480
|
+
/** Bild 14.4 | SpoBi 14.4 | Ads 14.4 | The label 3 text style uses this variable for its line height parameter. */
|
|
481
|
+
export const label3LineHeight = "14.399999618530273px";
|
|
482
|
+
/** Bild 10 | SpoBi 10 | Ads 10 | The label 4 text style uses this variable for its line height parameter. */
|
|
483
|
+
export const label4LineHeight = "10px";
|
|
484
|
+
|
|
485
|
+
// Global - Typography - LineHeight - Quote
|
|
486
|
+
export const quoteLineHeightXs = "16px";
|
|
487
|
+
export const quoteLineHeightSm = "16px";
|
|
488
|
+
export const quoteLineHeightMd = "18px";
|
|
489
|
+
export const quoteLineHeightLg = "22px";
|
|
490
|
+
|
|
491
|
+
// Global - Typography - LineHeight - Subheadline
|
|
492
|
+
export const subheadline1LineHeightXs = "24px";
|
|
493
|
+
export const subheadline1LineHeightSm = "24px";
|
|
494
|
+
export const subheadline1LineHeightMd = "32px";
|
|
495
|
+
export const subheadline1LineHeightLg = "36px";
|
|
496
|
+
|
|
497
|
+
// Global - Typography - LineHeight - Title
|
|
498
|
+
export const title1LineHeightXs = "22px";
|
|
499
|
+
export const title1LineHeightSm = "22px";
|
|
500
|
+
export const title1LineHeightMd = "22px";
|
|
501
|
+
export const title1LineHeightLg = "28px";
|
|
502
|
+
export const title2LineHeightXs = "17.600000381469727px";
|
|
503
|
+
export const title2LineHeightSm = "17.600000381469727px";
|
|
504
|
+
export const title2LineHeightMd = "19.799999237060547px";
|
|
505
|
+
export const title2LineHeightLg = "22px";
|
|
506
|
+
|
|
507
|
+
// Global - Visibilty
|
|
508
|
+
export const hideOnBild = "false";
|
|
509
|
+
export const hideOnSportBild = "true";
|
|
510
|
+
export const onlyAdvertorial = "false";
|
|
511
|
+
export const hideOnAdvertorial = "true";
|
|
512
|
+
export const onlyBild = "true";
|
|
513
|
+
export const onlySportBild = "false";
|
|
514
|
+
|
|
515
|
+
|
|
516
|
+
// ============================================
|
|
517
|
+
// OTHER
|
|
518
|
+
// ============================================
|
|
519
|
+
|
|
520
|
+
export const brandName = "BILD";
|
|
521
|
+
|