@marioschmidt/design-system-tokens 1.0.13 → 1.0.14

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.
Files changed (204) hide show
  1. package/dist/android/res/values/base/primitive_color_value.xml +12 -12
  2. package/dist/android/res/values/base/primitive_font_value.xml +22 -22
  3. package/dist/android/res/values/base/primitive_size_value.xml +49 -49
  4. package/dist/android/res/values/base/primitive_space_value.xml +25 -25
  5. package/dist/android/res/values/density/density_compact.xml +8 -8
  6. package/dist/android/res/values/density/density_default.xml +8 -8
  7. package/dist/android/res/values/density/density_spacious.xml +8 -8
  8. package/dist/android/res/values/mapping/brand_advertorial.xml +240 -240
  9. package/dist/android/res/values/mapping/brand_bild.xml +240 -240
  10. package/dist/android/res/values/mapping/brand_sportbild.xml +240 -240
  11. package/dist/android/res/values/semantic/advertorial/breakpoints/breakpoint_advertorial_lg.xml +423 -423
  12. package/dist/android/res/values/semantic/advertorial/breakpoints/breakpoint_advertorial_md.xml +423 -423
  13. package/dist/android/res/values/semantic/advertorial/breakpoints/breakpoint_advertorial_sm.xml +423 -423
  14. package/dist/android/res/values/semantic/advertorial/breakpoints/breakpoint_advertorial_xs.xml +423 -423
  15. package/dist/android/res/values/semantic/advertorial/color/color_advertorial_dark.xml +15 -15
  16. package/dist/android/res/values/semantic/advertorial/color/color_advertorial_light.xml +15 -15
  17. package/dist/android/res/values/semantic/bild/breakpoints/breakpoint_bild_lg.xml +423 -423
  18. package/dist/android/res/values/semantic/bild/breakpoints/breakpoint_bild_md.xml +423 -423
  19. package/dist/android/res/values/semantic/bild/breakpoints/breakpoint_bild_sm.xml +423 -423
  20. package/dist/android/res/values/semantic/bild/breakpoints/breakpoint_bild_xs.xml +423 -423
  21. package/dist/android/res/values/semantic/bild/color/color_bild_dark.xml +15 -15
  22. package/dist/android/res/values/semantic/bild/color/color_bild_light.xml +15 -15
  23. package/dist/android/res/values/semantic/sportbild/breakpoints/breakpoint_sportbild_lg.xml +423 -423
  24. package/dist/android/res/values/semantic/sportbild/breakpoints/breakpoint_sportbild_md.xml +423 -423
  25. package/dist/android/res/values/semantic/sportbild/breakpoints/breakpoint_sportbild_sm.xml +423 -423
  26. package/dist/android/res/values/semantic/sportbild/breakpoints/breakpoint_sportbild_xs.xml +423 -423
  27. package/dist/android/res/values/semantic/sportbild/color/color_sportbild_dark.xml +15 -15
  28. package/dist/android/res/values/semantic/sportbild/color/color_sportbild_light.xml +15 -15
  29. package/dist/css/base/primitive-font-value-global.css +11 -11
  30. package/dist/css/base/primitive-font-value.css +11 -11
  31. package/dist/css/base/primitive-size-value-global.css +49 -49
  32. package/dist/css/base/primitive-size-value.css +49 -49
  33. package/dist/css/base/primitive-space-value-global.css +25 -25
  34. package/dist/css/base/primitive-space-value.css +25 -25
  35. package/dist/css/density/density-compact-global.css +2 -2
  36. package/dist/css/density/density-compact.css +2 -2
  37. package/dist/css/density/density-default-global.css +2 -2
  38. package/dist/css/density/density-default.css +2 -2
  39. package/dist/css/density/density-spacious-global.css +2 -2
  40. package/dist/css/density/density-spacious.css +2 -2
  41. package/dist/css/mapping/brand-advertorial-global.css +203 -203
  42. package/dist/css/mapping/brand-advertorial.css +203 -203
  43. package/dist/css/mapping/brand-bild-global.css +203 -203
  44. package/dist/css/mapping/brand-bild.css +203 -203
  45. package/dist/css/mapping/brand-sportbild-global.css +203 -203
  46. package/dist/css/mapping/brand-sportbild.css +203 -203
  47. package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-lg-global.css +97 -97
  48. package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-lg.css +97 -97
  49. package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-md-global.css +94 -94
  50. package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-md.css +94 -94
  51. package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-sm-global.css +95 -95
  52. package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-sm.css +95 -95
  53. package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-xs-global.css +95 -95
  54. package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-xs.css +95 -95
  55. package/dist/css/semantic/bild/breakpoints/breakpoint-bild-lg-global.css +97 -97
  56. package/dist/css/semantic/bild/breakpoints/breakpoint-bild-lg.css +97 -97
  57. package/dist/css/semantic/bild/breakpoints/breakpoint-bild-md-global.css +94 -94
  58. package/dist/css/semantic/bild/breakpoints/breakpoint-bild-md.css +94 -94
  59. package/dist/css/semantic/bild/breakpoints/breakpoint-bild-sm-global.css +95 -95
  60. package/dist/css/semantic/bild/breakpoints/breakpoint-bild-sm.css +95 -95
  61. package/dist/css/semantic/bild/breakpoints/breakpoint-bild-xs-global.css +95 -95
  62. package/dist/css/semantic/bild/breakpoints/breakpoint-bild-xs.css +95 -95
  63. package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-lg-global.css +97 -97
  64. package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-lg.css +97 -97
  65. package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-md-global.css +94 -94
  66. package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-md.css +94 -94
  67. package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-sm-global.css +95 -95
  68. package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-sm.css +95 -95
  69. package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-xs-global.css +95 -95
  70. package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-xs.css +95 -95
  71. package/dist/flutter/base/primitive_color_value.dart +119 -85
  72. package/dist/flutter/base/primitive_font_value.dart +58 -46
  73. package/dist/flutter/base/primitive_size_value.dart +49 -49
  74. package/dist/flutter/base/primitive_space_value.dart +26 -26
  75. package/dist/flutter/density/density_compact.dart +16 -11
  76. package/dist/flutter/density/density_default.dart +16 -11
  77. package/dist/flutter/density/density_spacious.dart +16 -11
  78. package/dist/flutter/mapping/brand_advertorial.dart +398 -274
  79. package/dist/flutter/mapping/brand_bild.dart +398 -274
  80. package/dist/flutter/mapping/brand_color_bild.dart +121 -71
  81. package/dist/flutter/mapping/brand_color_sportbild.dart +121 -71
  82. package/dist/flutter/mapping/brand_sportbild.dart +398 -274
  83. package/dist/flutter/semantic/advertorial/breakpoints/breakpoint_advertorial_lg.dart +689 -487
  84. package/dist/flutter/semantic/advertorial/breakpoints/breakpoint_advertorial_md.dart +689 -487
  85. package/dist/flutter/semantic/advertorial/breakpoints/breakpoint_advertorial_sm.dart +689 -487
  86. package/dist/flutter/semantic/advertorial/breakpoints/breakpoint_advertorial_xs.dart +689 -487
  87. package/dist/flutter/semantic/advertorial/color/color_advertorial_dark.dart +369 -423
  88. package/dist/flutter/semantic/advertorial/color/color_advertorial_light.dart +369 -423
  89. package/dist/flutter/semantic/bild/breakpoints/breakpoint_bild_lg.dart +689 -487
  90. package/dist/flutter/semantic/bild/breakpoints/breakpoint_bild_md.dart +689 -487
  91. package/dist/flutter/semantic/bild/breakpoints/breakpoint_bild_sm.dart +689 -487
  92. package/dist/flutter/semantic/bild/breakpoints/breakpoint_bild_xs.dart +689 -487
  93. package/dist/flutter/semantic/bild/color/color_bild_dark.dart +369 -423
  94. package/dist/flutter/semantic/bild/color/color_bild_light.dart +369 -423
  95. package/dist/flutter/semantic/sportbild/breakpoints/breakpoint_sportbild_lg.dart +689 -487
  96. package/dist/flutter/semantic/sportbild/breakpoints/breakpoint_sportbild_md.dart +689 -487
  97. package/dist/flutter/semantic/sportbild/breakpoints/breakpoint_sportbild_sm.dart +689 -487
  98. package/dist/flutter/semantic/sportbild/breakpoints/breakpoint_sportbild_xs.dart +689 -487
  99. package/dist/flutter/semantic/sportbild/color/color_sportbild_dark.dart +369 -423
  100. package/dist/flutter/semantic/sportbild/color/color_sportbild_light.dart +369 -423
  101. package/dist/ios/base/PrimitiveColorValue.swift +130 -96
  102. package/dist/ios/base/PrimitiveFontValue.swift +57 -45
  103. package/dist/ios/base/PrimitiveSizeValue.swift +51 -51
  104. package/dist/ios/base/PrimitiveSpaceValue.swift +27 -27
  105. package/dist/ios/density/DensityCompact.swift +15 -10
  106. package/dist/ios/density/DensityDefault.swift +15 -10
  107. package/dist/ios/density/DensitySpacious.swift +15 -10
  108. package/dist/ios/mapping/BrandAdvertorial.swift +397 -273
  109. package/dist/ios/mapping/BrandBild.swift +397 -273
  110. package/dist/ios/mapping/BrandColorBild.swift +120 -70
  111. package/dist/ios/mapping/BrandColorSportbild.swift +120 -70
  112. package/dist/ios/mapping/BrandSportbild.swift +397 -273
  113. package/dist/ios/semantic/advertorial/breakpoints/BreakpointAdvertorialLg.swift +688 -486
  114. package/dist/ios/semantic/advertorial/breakpoints/BreakpointAdvertorialMd.swift +688 -486
  115. package/dist/ios/semantic/advertorial/breakpoints/BreakpointAdvertorialSm.swift +688 -486
  116. package/dist/ios/semantic/advertorial/breakpoints/BreakpointAdvertorialXs.swift +688 -486
  117. package/dist/ios/semantic/advertorial/color/ColorAdvertorialDark.swift +368 -422
  118. package/dist/ios/semantic/advertorial/color/ColorAdvertorialLight.swift +368 -422
  119. package/dist/ios/semantic/bild/breakpoints/BreakpointBildLg.swift +688 -486
  120. package/dist/ios/semantic/bild/breakpoints/BreakpointBildMd.swift +688 -486
  121. package/dist/ios/semantic/bild/breakpoints/BreakpointBildSm.swift +688 -486
  122. package/dist/ios/semantic/bild/breakpoints/BreakpointBildXs.swift +688 -486
  123. package/dist/ios/semantic/bild/color/ColorBildDark.swift +368 -422
  124. package/dist/ios/semantic/bild/color/ColorBildLight.swift +368 -422
  125. package/dist/ios/semantic/sportbild/breakpoints/BreakpointSportbildLg.swift +688 -486
  126. package/dist/ios/semantic/sportbild/breakpoints/BreakpointSportbildMd.swift +688 -486
  127. package/dist/ios/semantic/sportbild/breakpoints/BreakpointSportbildSm.swift +688 -486
  128. package/dist/ios/semantic/sportbild/breakpoints/BreakpointSportbildXs.swift +688 -486
  129. package/dist/ios/semantic/sportbild/color/ColorSportbildDark.swift +368 -422
  130. package/dist/ios/semantic/sportbild/color/ColorSportbildLight.swift +368 -422
  131. package/dist/js/base/primitive-color-value.js +34 -34
  132. package/dist/js/base/primitive-font-value.js +12 -12
  133. package/dist/js/base/primitive-size-value.js +49 -49
  134. package/dist/js/base/primitive-space-value.js +25 -25
  135. package/dist/js/density/density-compact.js +5 -5
  136. package/dist/js/density/density-default.js +5 -5
  137. package/dist/js/density/density-spacious.js +5 -5
  138. package/dist/js/mapping/brand-advertorial.js +229 -222
  139. package/dist/js/mapping/brand-bild.js +230 -222
  140. package/dist/js/mapping/brand-color-bild.js +50 -50
  141. package/dist/js/mapping/brand-color-sportbild.js +50 -50
  142. package/dist/js/mapping/brand-sportbild.js +234 -222
  143. package/dist/js/semantic/advertorial/breakpoints/breakpoint-advertorial-lg.js +285 -293
  144. package/dist/js/semantic/advertorial/breakpoints/breakpoint-advertorial-md.js +283 -291
  145. package/dist/js/semantic/advertorial/breakpoints/breakpoint-advertorial-sm.js +285 -292
  146. package/dist/js/semantic/advertorial/breakpoints/breakpoint-advertorial-xs.js +285 -292
  147. package/dist/js/semantic/advertorial/color/color-advertorial-dark.js +50 -154
  148. package/dist/js/semantic/advertorial/color/color-advertorial-light.js +50 -154
  149. package/dist/js/semantic/bild/breakpoints/breakpoint-bild-lg.js +285 -293
  150. package/dist/js/semantic/bild/breakpoints/breakpoint-bild-md.js +283 -291
  151. package/dist/js/semantic/bild/breakpoints/breakpoint-bild-sm.js +285 -292
  152. package/dist/js/semantic/bild/breakpoints/breakpoint-bild-xs.js +285 -292
  153. package/dist/js/semantic/bild/color/color-bild-dark.js +50 -154
  154. package/dist/js/semantic/bild/color/color-bild-light.js +50 -154
  155. package/dist/js/semantic/sportbild/breakpoints/breakpoint-sportbild-lg.js +285 -293
  156. package/dist/js/semantic/sportbild/breakpoints/breakpoint-sportbild-md.js +283 -291
  157. package/dist/js/semantic/sportbild/breakpoints/breakpoint-sportbild-sm.js +285 -292
  158. package/dist/js/semantic/sportbild/breakpoints/breakpoint-sportbild-xs.js +285 -292
  159. package/dist/js/semantic/sportbild/color/color-sportbild-dark.js +50 -154
  160. package/dist/js/semantic/sportbild/color/color-sportbild-light.js +50 -154
  161. package/dist/json/base/primitive-font-value.json +11 -11
  162. package/dist/json/base/primitive-size-value.json +49 -49
  163. package/dist/json/base/primitive-space-value.json +25 -25
  164. package/dist/json/density/density-compact.json +2 -2
  165. package/dist/json/density/density-default.json +2 -2
  166. package/dist/json/density/density-spacious.json +2 -2
  167. package/dist/json/mapping/brand-advertorial.json +203 -203
  168. package/dist/json/mapping/brand-bild.json +203 -203
  169. package/dist/json/mapping/brand-sportbild.json +203 -203
  170. package/dist/json/semantic/advertorial/breakpoints/breakpoint-advertorial-lg.json +97 -97
  171. package/dist/json/semantic/advertorial/breakpoints/breakpoint-advertorial-md.json +94 -94
  172. package/dist/json/semantic/advertorial/breakpoints/breakpoint-advertorial-sm.json +95 -95
  173. package/dist/json/semantic/advertorial/breakpoints/breakpoint-advertorial-xs.json +95 -95
  174. package/dist/json/semantic/bild/breakpoints/breakpoint-bild-lg.json +97 -97
  175. package/dist/json/semantic/bild/breakpoints/breakpoint-bild-md.json +94 -94
  176. package/dist/json/semantic/bild/breakpoints/breakpoint-bild-sm.json +95 -95
  177. package/dist/json/semantic/bild/breakpoints/breakpoint-bild-xs.json +95 -95
  178. package/dist/json/semantic/sportbild/breakpoints/breakpoint-sportbild-lg.json +97 -97
  179. package/dist/json/semantic/sportbild/breakpoints/breakpoint-sportbild-md.json +94 -94
  180. package/dist/json/semantic/sportbild/breakpoints/breakpoint-sportbild-sm.json +95 -95
  181. package/dist/json/semantic/sportbild/breakpoints/breakpoint-sportbild-xs.json +95 -95
  182. package/dist/manifest.json +1 -1
  183. package/dist/scss/base/primitive-font-value.scss +11 -11
  184. package/dist/scss/base/primitive-size-value.scss +49 -49
  185. package/dist/scss/base/primitive-space-value.scss +25 -25
  186. package/dist/scss/density/density-compact.scss +2 -2
  187. package/dist/scss/density/density-default.scss +2 -2
  188. package/dist/scss/density/density-spacious.scss +2 -2
  189. package/dist/scss/mapping/brand-advertorial.scss +203 -203
  190. package/dist/scss/mapping/brand-bild.scss +203 -203
  191. package/dist/scss/mapping/brand-sportbild.scss +203 -203
  192. package/dist/scss/semantic/advertorial/breakpoints/breakpoint-advertorial-lg.scss +97 -97
  193. package/dist/scss/semantic/advertorial/breakpoints/breakpoint-advertorial-md.scss +94 -94
  194. package/dist/scss/semantic/advertorial/breakpoints/breakpoint-advertorial-sm.scss +95 -95
  195. package/dist/scss/semantic/advertorial/breakpoints/breakpoint-advertorial-xs.scss +95 -95
  196. package/dist/scss/semantic/bild/breakpoints/breakpoint-bild-lg.scss +97 -97
  197. package/dist/scss/semantic/bild/breakpoints/breakpoint-bild-md.scss +94 -94
  198. package/dist/scss/semantic/bild/breakpoints/breakpoint-bild-sm.scss +95 -95
  199. package/dist/scss/semantic/bild/breakpoints/breakpoint-bild-xs.scss +95 -95
  200. package/dist/scss/semantic/sportbild/breakpoints/breakpoint-sportbild-lg.scss +97 -97
  201. package/dist/scss/semantic/sportbild/breakpoints/breakpoint-sportbild-md.scss +94 -94
  202. package/dist/scss/semantic/sportbild/breakpoints/breakpoint-sportbild-sm.scss +95 -95
  203. package/dist/scss/semantic/sportbild/breakpoints/breakpoint-sportbild-xs.scss +95 -95
  204. package/package.json +1 -1
package/dist/scss/mapping/brand-advertorial.scss CHANGED
@@ -11,175 +11,175 @@ $global-typography-font-family-body-font-family: Lucida Grande; // Bild: GothamX
11
11
  $global-typography-font-family-footnote-font-family: Lucida Grande; // Bild: GothamXNarrow | SpoBi: Inter | Ads: LucidaGrande | This variable is used in the footnotes text style font family parameter.
12
12
  $global-typography-font-family-label-font-family: Lucida Grande; // Bild: GothamXNarrow | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the labels text styles font family parameter.
13
13
  $global-typography-font-family-quote-font-family: Lucida Grande; // Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the quotes text style font family parameter.
14
- $global-typography-font-size-display-display1-font-size-xs: 39; // Bild: 40 | SpoBi: 38 | Ads: 39 | This variable is used in the display1 text style font size parameter for small device sizes.
15
- $global-typography-font-size-display-display1-font-size-sm: 39; // Bild: 40 | SpoBi: 38 | Ads: 39 | This variable is used in the display1 text style font size parameter for small device sizes.
16
- $global-typography-font-size-display-display1-font-size-md: 70; // Bild: 72 | SpoBi: 68 | Ads: 70 | This variable is used in the display1 text style font size parameter for medium device sizes.
17
- $global-typography-font-size-display-display1-font-size-lg: 116; // Bild: 120 | SpoBi: 114 | Ads: 116 | This variable is used in the display1 text style font size parameter for large device sizes.
18
- $global-typography-font-size-display-display2-font-size-xs: 35; // Bild: 36 | SpoBi: 34 | Ads: 35 | This variable is used in the display2 text style font size parameter for small device sizes.
19
- $global-typography-font-size-display-display2-font-size-sm: 35; // Bild: 36 | SpoBi: 34 | Ads: 35 | This variable is used in the display2 text style font size parameter for small device sizes.
20
- $global-typography-font-size-display-display2-font-size-md: 41; // Bild: 42 | SpoBi: 40 | Ads: 41 | This variable is used in the display2 text style font size parameter for medium device sizes.
21
- $global-typography-font-size-display-display2-font-size-lg: 62; // Bild: 64 | SpoBi: 61 | Ads: 62 | This variable is used in the display2 text style font size parameter for large device sizes.
22
- $global-typography-font-size-display-display3-font-size-xs: 27; // Bild: 28 | SpoBi: 27 | Ads: 27 | This variable is used in the display3 text style font size parameter for small device sizes.
23
- $global-typography-font-size-display-display3-font-size-sm: 27; // Bild: 28 | SpoBi: 27 | Ads: 27 | This variable is used in the display3 text style font size parameter for small device sizes.
24
- $global-typography-font-size-display-display3-font-size-md: 31; // Bild: 32 | SpoBi: 30 | Ads: 31 | This variable is used in the display3 text style font size parameter for medium device sizes.
25
- $global-typography-font-size-display-display3-font-size-lg: 39; // Bild: 40 | SpoBi: 38 | Ads: 39 | This variable is used in the display3 text style font size parameter for large device sizes.
14
+ $global-typography-font-size-display-display1-font-size-xs: 39px; // Bild: 40 | SpoBi: 38 | Ads: 39 | This variable is used in the display1 text style font size parameter for small device sizes.
15
+ $global-typography-font-size-display-display1-font-size-sm: 39px; // Bild: 40 | SpoBi: 38 | Ads: 39 | This variable is used in the display1 text style font size parameter for small device sizes.
16
+ $global-typography-font-size-display-display1-font-size-md: 70px; // Bild: 72 | SpoBi: 68 | Ads: 70 | This variable is used in the display1 text style font size parameter for medium device sizes.
17
+ $global-typography-font-size-display-display1-font-size-lg: 116px; // Bild: 120 | SpoBi: 114 | Ads: 116 | This variable is used in the display1 text style font size parameter for large device sizes.
18
+ $global-typography-font-size-display-display2-font-size-xs: 35px; // Bild: 36 | SpoBi: 34 | Ads: 35 | This variable is used in the display2 text style font size parameter for small device sizes.
19
+ $global-typography-font-size-display-display2-font-size-sm: 35px; // Bild: 36 | SpoBi: 34 | Ads: 35 | This variable is used in the display2 text style font size parameter for small device sizes.
20
+ $global-typography-font-size-display-display2-font-size-md: 41px; // Bild: 42 | SpoBi: 40 | Ads: 41 | This variable is used in the display2 text style font size parameter for medium device sizes.
21
+ $global-typography-font-size-display-display2-font-size-lg: 62px; // Bild: 64 | SpoBi: 61 | Ads: 62 | This variable is used in the display2 text style font size parameter for large device sizes.
22
+ $global-typography-font-size-display-display3-font-size-xs: 27px; // Bild: 28 | SpoBi: 27 | Ads: 27 | This variable is used in the display3 text style font size parameter for small device sizes.
23
+ $global-typography-font-size-display-display3-font-size-sm: 27px; // Bild: 28 | SpoBi: 27 | Ads: 27 | This variable is used in the display3 text style font size parameter for small device sizes.
24
+ $global-typography-font-size-display-display3-font-size-md: 31px; // Bild: 32 | SpoBi: 30 | Ads: 31 | This variable is used in the display3 text style font size parameter for medium device sizes.
25
+ $global-typography-font-size-display-display3-font-size-lg: 39px; // Bild: 40 | SpoBi: 38 | Ads: 39 | This variable is used in the display3 text style font size parameter for large device sizes.
26
26
  $global-typography-font-size-headline-headline-text-align: center; // This variable is used for controlling the alignment of headlines across brands. current online css example var: --headline-text-align-lg
27
- $global-typography-font-size-headline-headline1-font-size-xs: 36; // Bild: 48 | SpoBi: 42 | Ads: 36 | This variable is used in the headline1 text style font size parameter for small device sizes.
28
- $global-typography-font-size-headline-headline1-font-size-sm: 36; // Bild: 48 | SpoBi: 42 | Ads: 36 | This variable is used in the headline1 text style font size parameter for small device sizes.
29
- $global-typography-font-size-headline-headline1-font-size-md: 54; // Bild: 72 | SpoBi: 60 | Ads: 54 | This variable is used in the headline1 text style font size parameter for medium device sizes.
30
- $global-typography-font-size-headline-headline1-font-size-lg: 70; // Bild: 100 | SpoBi: 80 | Ads: 70 | This variable is used in the headline1 text style font size parameter for large device sizes.
31
- $global-typography-font-size-headline-headline2-font-size-xs: 30; // Bild: 40 | SpoBi: 42 | Ads: 30 | This variable is used in the headline2 text style font size parameter for small device sizes.
32
- $global-typography-font-size-headline-headline2-font-size-sm: 30; // Bild: 40 | SpoBi: 42 | Ads: 30 | This variable is used in the headline2 text style font size parameter for small device sizes.
33
- $global-typography-font-size-headline-headline2-font-size-md: 36; // Bild: 48 | SpoBi: 44 | Ads: 36 | This variable is used in the headline2 text style font size parameter for medium device sizes.
34
- $global-typography-font-size-headline-headline2-font-size-lg: 48; // Bild: 64 | SpoBi: 50 | Ads: 48 | This variable is used in the headline2 text style font size parameter for large device sizes.
35
- $global-typography-font-size-headline-headline3-font-size-xs: 24; // Bild: 28 | SpoBi: 30 | Ads: 24 | This variable is used in the headline3 text style font size parameter for small device sizes.
36
- $global-typography-font-size-headline-headline3-font-size-sm: 24; // Bild: 28 | SpoBi: 30 | Ads: 24 | This variable is used in the headline3 text style font size parameter for small device sizes.
37
- $global-typography-font-size-headline-headline3-font-size-md: 26; // Bild: 36 | SpoBi: 30 | Ads: 26 | This variable is used in the headline3 text style font size parameter for medium device sizes.
38
- $global-typography-font-size-headline-headline3-font-size-lg: 32; // Bild: 40 | SpoBi: 34 | Ads: 32 | This variable is used in the headline3 text style font size parameter for large device sizes.
39
- $global-typography-font-size-headline-headline4-font-size-xs: 16; // Bild: 22 | SpoBi: 21 | Ads: 16 | This variable is used in the headline4 text style font size parameter for small device sizes.
40
- $global-typography-font-size-headline-headline4-font-size-sm: 16; // Bild: 22 | SpoBi: 21 | Ads: 16 | This variable is used in the headline4 text style font size parameter for small device sizes.
41
- $global-typography-font-size-headline-headline4-font-size-md: 20; // Bild: 26 | SpoBi: 26 | Ads: 20 | This variable is used in the headline4 text style font size parameter for medium device sizes.
42
- $global-typography-font-size-headline-headline4-font-size-lg: 22; // Bild: 32 | SpoBi: 26 | Ads: 22 | This variable is used in the headline4 text style font size parameter for large device sizes.
43
- $global-typography-font-size-subheadline-subheadline1-font-size-xs: 18; // Bild: 24 | SpoBi: 18 | Ads: 18 | This variable is used in the subheadline1 text style font size parameter for small device sizes.
44
- $global-typography-font-size-subheadline-subheadline1-font-size-sm: 18; // Bild: 24 | SpoBi: 18 | Ads: 18 | This variable is used in the subheadline1 text style font size parameter for small device sizes.
45
- $global-typography-font-size-subheadline-subheadline1-font-size-md: 18; // Bild: 32 | SpoBi: 22 | Ads: 18 | This variable is used in the subheadline1 text style font size parameter for medium device sizes.
46
- $global-typography-font-size-subheadline-subheadline1-font-size-lg: 28; // Bild: 36 | SpoBi: 26 | Ads: 28 | This variable is used in the subheadline1 text style font size parameter for large device sizes.
47
- $global-typography-font-size-kicker-kicker1-font-size-xs: 16; // 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
48
- $global-typography-font-size-kicker-kicker1-font-size-sm: 16; // 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
49
- $global-typography-font-size-kicker-kicker1-font-size-md: 18; // 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
50
- $global-typography-font-size-kicker-kicker1-font-size-lg: 25; // 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
51
- $global-typography-font-size-kicker-kicker2-font-size-xs: 16; // 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
52
- $global-typography-font-size-kicker-kicker2-font-size-sm: 16; // 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
53
- $global-typography-font-size-kicker-kicker2-font-size-md: 18; // 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
54
- $global-typography-font-size-kicker-kicker2-font-size-lg: 21; // 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
55
- $global-typography-font-size-kicker-kicker3-font-size-xs: 14; // 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
56
- $global-typography-font-size-kicker-kicker3-font-size-sm: 14; // 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
57
- $global-typography-font-size-kicker-kicker3-font-size-md: 14; // 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
58
- $global-typography-font-size-kicker-kicker3-font-size-lg: 16; // 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
59
- $global-typography-font-size-kicker-kicker4-font-size-xs: 12; // 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
60
- $global-typography-font-size-kicker-kicker4-font-size-sm: 12; // 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
61
- $global-typography-font-size-kicker-kicker4-font-size-md: 14; // 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
62
- $global-typography-font-size-kicker-kicker4-font-size-lg: 14; // 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
63
- $global-typography-font-size-title-title1-font-size-xs: 22; // Bild 22 | SpoBi 24 | Ads 22 | current online css: --ressort-header-font-size-sm
64
- $global-typography-font-size-title-title1-font-size-sm: 22; // Bild 22 | SpoBi 24 | Ads 22 | current online css: --ressort-header-font-size-sm
65
- $global-typography-font-size-title-title1-font-size-md: 22; // Bild 22 | SpoBi 28 | Ads 22 | current online css: --ressort-header-font-size-md
66
- $global-typography-font-size-title-title1-font-size-lg: 28; // Bild 28 | SpoBi 30 | Ads 28 | current online css: --ressort-header-font-size-lg
67
- $global-typography-font-size-title-title2-font-size-xs: 14; // Bild 16 | SpoBi 16 | Ads 14 | current online css var: --caption-1-font-size-sm
68
- $global-typography-font-size-title-title2-font-size-sm: 14; // Bild 16 | SpoBi 16 | Ads 14 | current online css: --caption-1-font-size-sm
69
- $global-typography-font-size-title-title2-font-size-md: 16; // Bild 18 | SpoBi 18 | Ads 16 | current online css: --caption-1-font-size-md
70
- $global-typography-font-size-title-title2-font-size-lg: 18; // Bild 20 | SpoBi 20 | Ads 18 | current online css: --caption-1-font-size-lg
71
- $global-typography-font-size-callout-callout1-font-size-xs: 16; // 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:
72
- $global-typography-font-size-callout-callout1-font-size-sm: 16; // 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:
73
- $global-typography-font-size-callout-callout1-font-size-md: 22; // 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:
74
- $global-typography-font-size-callout-callout1-font-size-lg: 22; // 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:
75
- $global-typography-font-size-body-body-font-size-xs: 17; // 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
76
- $global-typography-font-size-body-body-font-size-sm: 17; // 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
77
- $global-typography-font-size-body-body-font-size-md: 17; // 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
78
- $global-typography-font-size-body-body-font-size-lg: 17; // 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
79
- $global-typography-font-size-footnote-footnote1-font-size-xs: 13; // --footnote-font-size-sm
80
- $global-typography-font-size-footnote-footnote1-font-size-sm: 13; // --footnote-font-size-sm
81
- $global-typography-font-size-footnote-footnote1-font-size-md: 13;
82
- $global-typography-font-size-footnote-footnote1-font-size-lg: 15; // --footnote-font-size-lg
83
- $global-typography-font-size-footnote-footnote2-font-size-xs: 10;
84
- $global-typography-font-size-footnote-footnote2-font-size-sm: 10;
85
- $global-typography-font-size-footnote-footnote2-font-size-md: 10;
86
- $global-typography-font-size-footnote-footnote2-font-size-lg: 13;
87
- $global-typography-font-size-label-label1-font-size: 17;
88
- $global-typography-font-size-label-label1-resp-font-size-xs: 10;
89
- $global-typography-font-size-label-label1-resp-font-size-sm: 10;
90
- $global-typography-font-size-label-label1-resp-font-size-md: 15;
91
- $global-typography-font-size-label-label1-resp-font-size-lg: 17;
92
- $global-typography-font-size-label-label2-font-size: 15;
93
- $global-typography-font-size-label-label3-font-size: 12;
94
- $global-typography-font-size-label-label4-font-size: 8;
95
- $global-typography-font-size-quote-quote-font-size-xs: 16;
96
- $global-typography-font-size-quote-quote-font-size-sm: 16;
97
- $global-typography-font-size-quote-quote-font-size-md: 16;
98
- $global-typography-font-size-quote-quote-font-size-lg: 18;
99
- $global-typography-line-height-display-display1-line-height-xs: 40;
100
- $global-typography-line-height-display-display1-line-height-sm: 40;
101
- $global-typography-line-height-display-display1-line-height-md: 72;
102
- $global-typography-line-height-display-display1-line-height-lg: 120;
103
- $global-typography-line-height-display-display2-line-height-xs: 36;
104
- $global-typography-line-height-display-display2-line-height-sm: 36;
105
- $global-typography-line-height-display-display2-line-height-md: 42;
106
- $global-typography-line-height-display-display2-line-height-lg: 64;
107
- $global-typography-line-height-display-display3-line-height-xs: 28;
108
- $global-typography-line-height-display-display3-line-height-sm: 28;
109
- $global-typography-line-height-display-display3-line-height-md: 32;
110
- $global-typography-line-height-display-display3-line-height-lg: 40;
111
- $global-typography-line-height-headline-headline1-line-height-xs: 37.8;
112
- $global-typography-line-height-headline-headline1-line-height-sm: 37.8;
113
- $global-typography-line-height-headline-headline1-line-height-md: 56.7;
114
- $global-typography-line-height-headline-headline1-line-height-lg: 77;
115
- $global-typography-line-height-headline-headline2-line-height-xs: 33;
116
- $global-typography-line-height-headline-headline2-line-height-sm: 33;
117
- $global-typography-line-height-headline-headline2-line-height-md: 39.6;
118
- $global-typography-line-height-headline-headline2-line-height-lg: 52.8;
119
- $global-typography-line-height-headline-headline3-line-height-xs: 26.4;
120
- $global-typography-line-height-headline-headline3-line-height-sm: 26.4;
121
- $global-typography-line-height-headline-headline3-line-height-md: 28.6;
122
- $global-typography-line-height-headline-headline3-line-height-lg: 35.2;
123
- $global-typography-line-height-headline-headline4-line-height-xs: 18.4;
124
- $global-typography-line-height-headline-headline4-line-height-sm: 18.4;
125
- $global-typography-line-height-headline-headline4-line-height-md: 19.8;
126
- $global-typography-line-height-headline-headline4-line-height-lg: 27.5;
127
- $global-typography-line-height-subheadline-subheadline1-line-height-xs: 23.4;
128
- $global-typography-line-height-subheadline-subheadline1-line-height-sm: 23.4;
129
- $global-typography-line-height-subheadline-subheadline1-line-height-md: 23.4;
130
- $global-typography-line-height-subheadline-subheadline1-line-height-lg: 36.4;
131
- $global-typography-line-height-kicker-kicker1-line-height-xs: 17.6;
132
- $global-typography-line-height-kicker-kicker1-line-height-sm: 17.6;
133
- $global-typography-line-height-kicker-kicker1-line-height-md: 19.8;
134
- $global-typography-line-height-kicker-kicker1-line-height-lg: 27.5;
135
- $global-typography-line-height-kicker-kicker2-line-height-xs: 17.6;
136
- $global-typography-line-height-kicker-kicker2-line-height-sm: 17.6;
137
- $global-typography-line-height-kicker-kicker2-line-height-md: 19.8;
138
- $global-typography-line-height-kicker-kicker2-line-height-lg: 23.1;
139
- $global-typography-line-height-kicker-kicker3-line-height-xs: 15.4;
140
- $global-typography-line-height-kicker-kicker3-line-height-sm: 15.4;
141
- $global-typography-line-height-kicker-kicker3-line-height-md: 15.4;
142
- $global-typography-line-height-kicker-kicker3-line-height-lg: 17.6;
143
- $global-typography-line-height-kicker-kicker4-line-height-xs: 13.2;
144
- $global-typography-line-height-kicker-kicker4-line-height-sm: 13.2;
145
- $global-typography-line-height-kicker-kicker4-line-height-md: 15.4;
146
- $global-typography-line-height-kicker-kicker4-line-height-lg: 15.4;
147
- $global-typography-line-height-title-title1-line-height-xs: 26.4;
148
- $global-typography-line-height-title-title1-line-height-sm: 26.4;
149
- $global-typography-line-height-title-title1-line-height-md: 26.4;
150
- $global-typography-line-height-title-title1-line-height-lg: 33.6;
151
- $global-typography-line-height-title-title2-line-height-xs: 16.8;
152
- $global-typography-line-height-title-title2-line-height-sm: 16.8;
153
- $global-typography-line-height-title-title2-line-height-md: 19.2;
154
- $global-typography-line-height-title-title2-line-height-lg: 23.4;
155
- $global-typography-line-height-callout-callout1-line-height-xs: 20.8;
156
- $global-typography-line-height-callout-callout1-line-height-sm: 20.8;
157
- $global-typography-line-height-callout-callout1-line-height-md: 28.6;
158
- $global-typography-line-height-callout-callout1-line-height-lg: 28.6;
159
- $global-typography-line-height-body-body-line-height-xs: 29.75;
160
- $global-typography-line-height-body-body-line-height-sm: 29.75;
161
- $global-typography-line-height-body-body-line-height-md: 29.75;
162
- $global-typography-line-height-body-body-line-height-lg: 29.75;
163
- $global-typography-line-height-footnote-footnote1-line-height-xs: 16.9;
164
- $global-typography-line-height-footnote-footnote1-line-height-sm: 16.9;
165
- $global-typography-line-height-footnote-footnote1-line-height-md: 16.9;
166
- $global-typography-line-height-footnote-footnote1-line-height-lg: 19.5;
167
- $global-typography-line-height-footnote-footnote2-line-height-xs: 13;
168
- $global-typography-line-height-footnote-footnote2-line-height-sm: 13;
169
- $global-typography-line-height-footnote-footnote2-line-height-md: 13;
170
- $global-typography-line-height-footnote-footnote2-line-height-lg: 16.9;
171
- $global-typography-line-height-label-label1-line-height: 20.4; // Bild 17 | SpoBi 20.4 | Ads 20.4 | The label 1 text style uses this variable for its line height parameter.
172
- $global-typography-line-height-label-label1-resp-line-height-xs: 10; // Bild 10 | SpoBi 12 | Ads 10 | The label1 responsive text style uses this variable for its line height parameter.
173
- $global-typography-line-height-label-label1-resp-line-height-sm: 10; // Bild 10 | SpoBi 12 | Ads 10 | The label1 responsive text style uses this variable for its line height parameter.
174
- $global-typography-line-height-label-label1-resp-line-height-md: 15; // Bild 15 | SpoBi 18 | Ads 15 | The label1 responsive text style uses this variable for its line height parameter.
175
- $global-typography-line-height-label-label1-resp-line-height-lg: 17; // Bild 17 | SpoBi 20.4 | Ads 17 | The label1 responsive text style uses this variable for its line height parameter.
176
- $global-typography-line-height-label-label2-line-height: 16; // Bild 16 | SpoBi 19.2 | Ads 16 | The label 2 text style uses this variable for its line height parameter.
177
- $global-typography-line-height-label-label3-line-height: 14.4; // Bild 14.4 | SpoBi 14.4 | Ads 14.4 | The label 3 text style uses this variable for its line height parameter.
178
- $global-typography-line-height-label-label4-line-height: 10; // Bild 10 | SpoBi 10 | Ads 10 | The label 4 text style uses this variable for its line height parameter.
179
- $global-typography-line-height-quote-quote-line-height-xs: 20.8;
180
- $global-typography-line-height-quote-quote-line-height-sm: 20.8;
181
- $global-typography-line-height-quote-quote-line-height-md: 20.8;
182
- $global-typography-line-height-quote-quote-line-height-lg: 23.4;
27
+ $global-typography-font-size-headline-headline1-font-size-xs: 36px; // Bild: 48 | SpoBi: 42 | Ads: 36 | This variable is used in the headline1 text style font size parameter for small device sizes.
28
+ $global-typography-font-size-headline-headline1-font-size-sm: 36px; // Bild: 48 | SpoBi: 42 | Ads: 36 | This variable is used in the headline1 text style font size parameter for small device sizes.
29
+ $global-typography-font-size-headline-headline1-font-size-md: 54px; // Bild: 72 | SpoBi: 60 | Ads: 54 | This variable is used in the headline1 text style font size parameter for medium device sizes.
30
+ $global-typography-font-size-headline-headline1-font-size-lg: 70px; // Bild: 100 | SpoBi: 80 | Ads: 70 | This variable is used in the headline1 text style font size parameter for large device sizes.
31
+ $global-typography-font-size-headline-headline2-font-size-xs: 30px; // Bild: 40 | SpoBi: 42 | Ads: 30 | This variable is used in the headline2 text style font size parameter for small device sizes.
32
+ $global-typography-font-size-headline-headline2-font-size-sm: 30px; // Bild: 40 | SpoBi: 42 | Ads: 30 | This variable is used in the headline2 text style font size parameter for small device sizes.
33
+ $global-typography-font-size-headline-headline2-font-size-md: 36px; // Bild: 48 | SpoBi: 44 | Ads: 36 | This variable is used in the headline2 text style font size parameter for medium device sizes.
34
+ $global-typography-font-size-headline-headline2-font-size-lg: 48px; // Bild: 64 | SpoBi: 50 | Ads: 48 | This variable is used in the headline2 text style font size parameter for large device sizes.
35
+ $global-typography-font-size-headline-headline3-font-size-xs: 24px; // Bild: 28 | SpoBi: 30 | Ads: 24 | This variable is used in the headline3 text style font size parameter for small device sizes.
36
+ $global-typography-font-size-headline-headline3-font-size-sm: 24px; // Bild: 28 | SpoBi: 30 | Ads: 24 | This variable is used in the headline3 text style font size parameter for small device sizes.
37
+ $global-typography-font-size-headline-headline3-font-size-md: 26px; // Bild: 36 | SpoBi: 30 | Ads: 26 | This variable is used in the headline3 text style font size parameter for medium device sizes.
38
+ $global-typography-font-size-headline-headline3-font-size-lg: 32px; // Bild: 40 | SpoBi: 34 | Ads: 32 | This variable is used in the headline3 text style font size parameter for large device sizes.
39
+ $global-typography-font-size-headline-headline4-font-size-xs: 16px; // Bild: 22 | SpoBi: 21 | Ads: 16 | This variable is used in the headline4 text style font size parameter for small device sizes.
40
+ $global-typography-font-size-headline-headline4-font-size-sm: 16px; // Bild: 22 | SpoBi: 21 | Ads: 16 | This variable is used in the headline4 text style font size parameter for small device sizes.
41
+ $global-typography-font-size-headline-headline4-font-size-md: 20px; // Bild: 26 | SpoBi: 26 | Ads: 20 | This variable is used in the headline4 text style font size parameter for medium device sizes.
42
+ $global-typography-font-size-headline-headline4-font-size-lg: 22px; // Bild: 32 | SpoBi: 26 | Ads: 22 | This variable is used in the headline4 text style font size parameter for large device sizes.
43
+ $global-typography-font-size-subheadline-subheadline1-font-size-xs: 18px; // Bild: 24 | SpoBi: 18 | Ads: 18 | This variable is used in the subheadline1 text style font size parameter for small device sizes.
44
+ $global-typography-font-size-subheadline-subheadline1-font-size-sm: 18px; // Bild: 24 | SpoBi: 18 | Ads: 18 | This variable is used in the subheadline1 text style font size parameter for small device sizes.
45
+ $global-typography-font-size-subheadline-subheadline1-font-size-md: 18px; // Bild: 32 | SpoBi: 22 | Ads: 18 | This variable is used in the subheadline1 text style font size parameter for medium device sizes.
46
+ $global-typography-font-size-subheadline-subheadline1-font-size-lg: 28px; // Bild: 36 | SpoBi: 26 | Ads: 28 | This variable is used in the subheadline1 text style font size parameter for large device sizes.
47
+ $global-typography-font-size-kicker-kicker1-font-size-xs: 16px; // 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
48
+ $global-typography-font-size-kicker-kicker1-font-size-sm: 16px; // 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
49
+ $global-typography-font-size-kicker-kicker1-font-size-md: 18px; // 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
50
+ $global-typography-font-size-kicker-kicker1-font-size-lg: 25px; // 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
51
+ $global-typography-font-size-kicker-kicker2-font-size-xs: 16px; // 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
52
+ $global-typography-font-size-kicker-kicker2-font-size-sm: 16px; // 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
53
+ $global-typography-font-size-kicker-kicker2-font-size-md: 18px; // 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
54
+ $global-typography-font-size-kicker-kicker2-font-size-lg: 21px; // 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
55
+ $global-typography-font-size-kicker-kicker3-font-size-xs: 14px; // 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
56
+ $global-typography-font-size-kicker-kicker3-font-size-sm: 14px; // 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
57
+ $global-typography-font-size-kicker-kicker3-font-size-md: 14px; // 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
58
+ $global-typography-font-size-kicker-kicker3-font-size-lg: 16px; // 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
59
+ $global-typography-font-size-kicker-kicker4-font-size-xs: 12px; // 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
60
+ $global-typography-font-size-kicker-kicker4-font-size-sm: 12px; // 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
61
+ $global-typography-font-size-kicker-kicker4-font-size-md: 14px; // 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
62
+ $global-typography-font-size-kicker-kicker4-font-size-lg: 14px; // 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
63
+ $global-typography-font-size-title-title1-font-size-xs: 22px; // Bild 22 | SpoBi 24 | Ads 22 | current online css: --ressort-header-font-size-sm
64
+ $global-typography-font-size-title-title1-font-size-sm: 22px; // Bild 22 | SpoBi 24 | Ads 22 | current online css: --ressort-header-font-size-sm
65
+ $global-typography-font-size-title-title1-font-size-md: 22px; // Bild 22 | SpoBi 28 | Ads 22 | current online css: --ressort-header-font-size-md
66
+ $global-typography-font-size-title-title1-font-size-lg: 28px; // Bild 28 | SpoBi 30 | Ads 28 | current online css: --ressort-header-font-size-lg
67
+ $global-typography-font-size-title-title2-font-size-xs: 14px; // Bild 16 | SpoBi 16 | Ads 14 | current online css var: --caption-1-font-size-sm
68
+ $global-typography-font-size-title-title2-font-size-sm: 14px; // Bild 16 | SpoBi 16 | Ads 14 | current online css: --caption-1-font-size-sm
69
+ $global-typography-font-size-title-title2-font-size-md: 16px; // Bild 18 | SpoBi 18 | Ads 16 | current online css: --caption-1-font-size-md
70
+ $global-typography-font-size-title-title2-font-size-lg: 18px; // Bild 20 | SpoBi 20 | Ads 18 | current online css: --caption-1-font-size-lg
71
+ $global-typography-font-size-callout-callout1-font-size-xs: 16px; // 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:
72
+ $global-typography-font-size-callout-callout1-font-size-sm: 16px; // 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:
73
+ $global-typography-font-size-callout-callout1-font-size-md: 22px; // 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:
74
+ $global-typography-font-size-callout-callout1-font-size-lg: 22px; // 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:
75
+ $global-typography-font-size-body-body-font-size-xs: 17px; // 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
76
+ $global-typography-font-size-body-body-font-size-sm: 17px; // 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
77
+ $global-typography-font-size-body-body-font-size-md: 17px; // 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
78
+ $global-typography-font-size-body-body-font-size-lg: 17px; // 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
79
+ $global-typography-font-size-footnote-footnote1-font-size-xs: 13px; // --footnote-font-size-sm
80
+ $global-typography-font-size-footnote-footnote1-font-size-sm: 13px; // --footnote-font-size-sm
81
+ $global-typography-font-size-footnote-footnote1-font-size-md: 13px;
82
+ $global-typography-font-size-footnote-footnote1-font-size-lg: 15px; // --footnote-font-size-lg
83
+ $global-typography-font-size-footnote-footnote2-font-size-xs: 10px;
84
+ $global-typography-font-size-footnote-footnote2-font-size-sm: 10px;
85
+ $global-typography-font-size-footnote-footnote2-font-size-md: 10px;
86
+ $global-typography-font-size-footnote-footnote2-font-size-lg: 13px;
87
+ $global-typography-font-size-label-label1-font-size: 17px;
88
+ $global-typography-font-size-label-label1-resp-font-size-xs: 10px;
89
+ $global-typography-font-size-label-label1-resp-font-size-sm: 10px;
90
+ $global-typography-font-size-label-label1-resp-font-size-md: 15px;
91
+ $global-typography-font-size-label-label1-resp-font-size-lg: 17px;
92
+ $global-typography-font-size-label-label2-font-size: 15px;
93
+ $global-typography-font-size-label-label3-font-size: 12px;
94
+ $global-typography-font-size-label-label4-font-size: 8px;
95
+ $global-typography-font-size-quote-quote-font-size-xs: 16px;
96
+ $global-typography-font-size-quote-quote-font-size-sm: 16px;
97
+ $global-typography-font-size-quote-quote-font-size-md: 16px;
98
+ $global-typography-font-size-quote-quote-font-size-lg: 18px;
99
+ $global-typography-line-height-display-display1-line-height-xs: 40px;
100
+ $global-typography-line-height-display-display1-line-height-sm: 40px;
101
+ $global-typography-line-height-display-display1-line-height-md: 72px;
102
+ $global-typography-line-height-display-display1-line-height-lg: 120px;
103
+ $global-typography-line-height-display-display2-line-height-xs: 36px;
104
+ $global-typography-line-height-display-display2-line-height-sm: 36px;
105
+ $global-typography-line-height-display-display2-line-height-md: 42px;
106
+ $global-typography-line-height-display-display2-line-height-lg: 64px;
107
+ $global-typography-line-height-display-display3-line-height-xs: 28px;
108
+ $global-typography-line-height-display-display3-line-height-sm: 28px;
109
+ $global-typography-line-height-display-display3-line-height-md: 32px;
110
+ $global-typography-line-height-display-display3-line-height-lg: 40px;
111
+ $global-typography-line-height-headline-headline1-line-height-xs: 37.8px;
112
+ $global-typography-line-height-headline-headline1-line-height-sm: 37.8px;
113
+ $global-typography-line-height-headline-headline1-line-height-md: 56.7px;
114
+ $global-typography-line-height-headline-headline1-line-height-lg: 77px;
115
+ $global-typography-line-height-headline-headline2-line-height-xs: 33px;
116
+ $global-typography-line-height-headline-headline2-line-height-sm: 33px;
117
+ $global-typography-line-height-headline-headline2-line-height-md: 39.6px;
118
+ $global-typography-line-height-headline-headline2-line-height-lg: 52.8px;
119
+ $global-typography-line-height-headline-headline3-line-height-xs: 26.4px;
120
+ $global-typography-line-height-headline-headline3-line-height-sm: 26.4px;
121
+ $global-typography-line-height-headline-headline3-line-height-md: 28.6px;
122
+ $global-typography-line-height-headline-headline3-line-height-lg: 35.2px;
123
+ $global-typography-line-height-headline-headline4-line-height-xs: 18.4px;
124
+ $global-typography-line-height-headline-headline4-line-height-sm: 18.4px;
125
+ $global-typography-line-height-headline-headline4-line-height-md: 19.8px;
126
+ $global-typography-line-height-headline-headline4-line-height-lg: 27.5px;
127
+ $global-typography-line-height-subheadline-subheadline1-line-height-xs: 23.4px;
128
+ $global-typography-line-height-subheadline-subheadline1-line-height-sm: 23.4px;
129
+ $global-typography-line-height-subheadline-subheadline1-line-height-md: 23.4px;
130
+ $global-typography-line-height-subheadline-subheadline1-line-height-lg: 36.4px;
131
+ $global-typography-line-height-kicker-kicker1-line-height-xs: 17.6px;
132
+ $global-typography-line-height-kicker-kicker1-line-height-sm: 17.6px;
133
+ $global-typography-line-height-kicker-kicker1-line-height-md: 19.8px;
134
+ $global-typography-line-height-kicker-kicker1-line-height-lg: 27.5px;
135
+ $global-typography-line-height-kicker-kicker2-line-height-xs: 17.6px;
136
+ $global-typography-line-height-kicker-kicker2-line-height-sm: 17.6px;
137
+ $global-typography-line-height-kicker-kicker2-line-height-md: 19.8px;
138
+ $global-typography-line-height-kicker-kicker2-line-height-lg: 23.1px;
139
+ $global-typography-line-height-kicker-kicker3-line-height-xs: 15.4px;
140
+ $global-typography-line-height-kicker-kicker3-line-height-sm: 15.4px;
141
+ $global-typography-line-height-kicker-kicker3-line-height-md: 15.4px;
142
+ $global-typography-line-height-kicker-kicker3-line-height-lg: 17.6px;
143
+ $global-typography-line-height-kicker-kicker4-line-height-xs: 13.2px;
144
+ $global-typography-line-height-kicker-kicker4-line-height-sm: 13.2px;
145
+ $global-typography-line-height-kicker-kicker4-line-height-md: 15.4px;
146
+ $global-typography-line-height-kicker-kicker4-line-height-lg: 15.4px;
147
+ $global-typography-line-height-title-title1-line-height-xs: 26.4px;
148
+ $global-typography-line-height-title-title1-line-height-sm: 26.4px;
149
+ $global-typography-line-height-title-title1-line-height-md: 26.4px;
150
+ $global-typography-line-height-title-title1-line-height-lg: 33.6px;
151
+ $global-typography-line-height-title-title2-line-height-xs: 16.8px;
152
+ $global-typography-line-height-title-title2-line-height-sm: 16.8px;
153
+ $global-typography-line-height-title-title2-line-height-md: 19.2px;
154
+ $global-typography-line-height-title-title2-line-height-lg: 23.4px;
155
+ $global-typography-line-height-callout-callout1-line-height-xs: 20.8px;
156
+ $global-typography-line-height-callout-callout1-line-height-sm: 20.8px;
157
+ $global-typography-line-height-callout-callout1-line-height-md: 28.6px;
158
+ $global-typography-line-height-callout-callout1-line-height-lg: 28.6px;
159
+ $global-typography-line-height-body-body-line-height-xs: 29.75px;
160
+ $global-typography-line-height-body-body-line-height-sm: 29.75px;
161
+ $global-typography-line-height-body-body-line-height-md: 29.75px;
162
+ $global-typography-line-height-body-body-line-height-lg: 29.75px;
163
+ $global-typography-line-height-footnote-footnote1-line-height-xs: 16.9px;
164
+ $global-typography-line-height-footnote-footnote1-line-height-sm: 16.9px;
165
+ $global-typography-line-height-footnote-footnote1-line-height-md: 16.9px;
166
+ $global-typography-line-height-footnote-footnote1-line-height-lg: 19.5px;
167
+ $global-typography-line-height-footnote-footnote2-line-height-xs: 13px;
168
+ $global-typography-line-height-footnote-footnote2-line-height-sm: 13px;
169
+ $global-typography-line-height-footnote-footnote2-line-height-md: 13px;
170
+ $global-typography-line-height-footnote-footnote2-line-height-lg: 16.9px;
171
+ $global-typography-line-height-label-label1-line-height: 20.4px; // Bild 17 | SpoBi 20.4 | Ads 20.4 | The label 1 text style uses this variable for its line height parameter.
172
+ $global-typography-line-height-label-label1-resp-line-height-xs: 10px; // Bild 10 | SpoBi 12 | Ads 10 | The label1 responsive text style uses this variable for its line height parameter.
173
+ $global-typography-line-height-label-label1-resp-line-height-sm: 10px; // Bild 10 | SpoBi 12 | Ads 10 | The label1 responsive text style uses this variable for its line height parameter.
174
+ $global-typography-line-height-label-label1-resp-line-height-md: 15px; // Bild 15 | SpoBi 18 | Ads 15 | The label1 responsive text style uses this variable for its line height parameter.
175
+ $global-typography-line-height-label-label1-resp-line-height-lg: 17px; // Bild 17 | SpoBi 20.4 | Ads 17 | The label1 responsive text style uses this variable for its line height parameter.
176
+ $global-typography-line-height-label-label2-line-height: 16px; // Bild 16 | SpoBi 19.2 | Ads 16 | The label 2 text style uses this variable for its line height parameter.
177
+ $global-typography-line-height-label-label3-line-height: 14.4px; // Bild 14.4 | SpoBi 14.4 | Ads 14.4 | The label 3 text style uses this variable for its line height parameter.
178
+ $global-typography-line-height-label-label4-line-height: 10px; // Bild 10 | SpoBi 10 | Ads 10 | The label 4 text style uses this variable for its line height parameter.
179
+ $global-typography-line-height-quote-quote-line-height-xs: 20.8px;
180
+ $global-typography-line-height-quote-quote-line-height-sm: 20.8px;
181
+ $global-typography-line-height-quote-quote-line-height-md: 20.8px;
182
+ $global-typography-line-height-quote-quote-line-height-lg: 23.4px;
183
183
  $global-typography-font-weight-display-display-font-weight: 800;
184
184
  $global-typography-font-weight-headline-headline1-font-weight: 700;
185
185
  $global-typography-font-weight-headline-headline1-font-weight-st: 700;
@@ -209,49 +209,49 @@ $global-visibilty-only-sport-bild: false;
209
209
  $global-visibilty-only-advertorial: true;
210
210
  $component-button-label-font-weight-st: 600;
211
211
  $component-accordion-accordion-label-font-family: Lucida Grande;
212
- $component-article-font-size-article-image-caption-font-size-xs: 13; // --article-figure-caption-font-size-sm
213
- $component-article-font-size-article-image-caption-font-size-sm: 13; // --article-figure-caption-font-size-sm
214
- $component-article-font-size-article-image-caption-font-size-md: 13; // --article-figure-caption-font-size-md
215
- $component-article-font-size-article-image-caption-font-size-lg: 16; // --article-figure-caption-font-size-lg
216
- $component-article-font-size-article-image-source-font-size-xs: 13; // --article-figure-meta-font-size-sm
217
- $component-article-font-size-article-image-source-font-size-sm: 13; // --article-figure-meta-font-size-sm
218
- $component-article-font-size-article-image-source-font-size-md: 13; // --article-figure-meta-font-size-sm
219
- $component-article-font-size-article-image-source-font-size-lg: 16; // --article-figure-meta-font-size-lg
220
- $component-article-line-height-article-image-caption-line-height-xs: 19.5; // --article-figure-caption-line-height-sm ; Bild: 19.5 // SpoBi: 16.9 // Ad: 19.5
221
- $component-article-line-height-article-image-caption-line-height-sm: 19.5; // --article-figure-caption-line-height-sm ; Bild: 19.5 // SpoBi: 16.9 // Ad: 19.5
222
- $component-article-line-height-article-image-caption-line-height-md: 19.5; // --article-figure-caption-line-height-md ; Bild: 24.75 // SpoBi: 16.9 // Ad: 19.5
223
- $component-article-line-height-article-image-caption-line-height-lg: 24; // --article-figure-caption-line-height-lg ; Bild: 24.75 // SpoBi: 19.5 // Ad: 24
224
- $component-article-line-height-article-image-source-line-height-xs: 19; // --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19
225
- $component-article-line-height-article-image-source-line-height-sm: 19; // --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19
226
- $component-article-line-height-article-image-source-line-height-md: 19; // --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19
227
- $component-article-line-height-article-image-source-line-height-lg: 24; // --article-figure-meta-line-height-lg ; Bild: 23 // SpoBi: 19 // Ad: 24
212
+ $component-article-font-size-article-image-caption-font-size-xs: 13px; // --article-figure-caption-font-size-sm
213
+ $component-article-font-size-article-image-caption-font-size-sm: 13px; // --article-figure-caption-font-size-sm
214
+ $component-article-font-size-article-image-caption-font-size-md: 13px; // --article-figure-caption-font-size-md
215
+ $component-article-font-size-article-image-caption-font-size-lg: 16px; // --article-figure-caption-font-size-lg
216
+ $component-article-font-size-article-image-source-font-size-xs: 13px; // --article-figure-meta-font-size-sm
217
+ $component-article-font-size-article-image-source-font-size-sm: 13px; // --article-figure-meta-font-size-sm
218
+ $component-article-font-size-article-image-source-font-size-md: 13px; // --article-figure-meta-font-size-sm
219
+ $component-article-font-size-article-image-source-font-size-lg: 16px; // --article-figure-meta-font-size-lg
220
+ $component-article-line-height-article-image-caption-line-height-xs: 19.5px; // --article-figure-caption-line-height-sm ; Bild: 19.5 // SpoBi: 16.9 // Ad: 19.5
221
+ $component-article-line-height-article-image-caption-line-height-sm: 19.5px; // --article-figure-caption-line-height-sm ; Bild: 19.5 // SpoBi: 16.9 // Ad: 19.5
222
+ $component-article-line-height-article-image-caption-line-height-md: 19.5px; // --article-figure-caption-line-height-md ; Bild: 24.75 // SpoBi: 16.9 // Ad: 19.5
223
+ $component-article-line-height-article-image-caption-line-height-lg: 24px; // --article-figure-caption-line-height-lg ; Bild: 24.75 // SpoBi: 19.5 // Ad: 24
224
+ $component-article-line-height-article-image-source-line-height-xs: 19px; // --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19
225
+ $component-article-line-height-article-image-source-line-height-sm: 19px; // --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19
226
+ $component-article-line-height-article-image-source-line-height-md: 19px; // --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19
227
+ $component-article-line-height-article-image-source-line-height-lg: 24px; // --article-figure-meta-line-height-lg ; Bild: 23 // SpoBi: 19 // Ad: 24
228
228
  $component-avatar-avatar-font-family: Lucida Grande; // current css 09-2025 --article-author-font // Bild: GothamXNarrow; SpoBi: Inter; Ads: LucidaGrande
229
- $component-avatar-avatar-font-size-sm: 13; // 09-2025 css using footnote var for font sizes SM & LG // Bild: 16; SpoBi: 13; Ads: 13
230
- $component-avatar-avatar-font-size-lg: 15; // 09-2025 css using footnote var for font sizes SM & LG // Bild: 18; SpoBi: 15; Ads: 15
229
+ $component-avatar-avatar-font-size-sm: 13px; // 09-2025 css using footnote var for font sizes SM & LG // Bild: 16; SpoBi: 13; Ads: 13
230
+ $component-avatar-avatar-font-size-lg: 15px; // 09-2025 css using footnote var for font sizes SM & LG // Bild: 18; SpoBi: 15; Ads: 15
231
231
  $component-breadcrumb-font-family-breadcrumb-font-family: Lucida Grande; // --breadcrumb-font
232
232
  $component-breadcrumb-font-weight-breadcrumb-font-weight: 700; // --breadcrumb-font-size-sm
233
- $component-breadcrumb-font-size-breadcrumb-font-size-xs: 15; // --breadcrumb-font-size-sm
234
- $component-breadcrumb-font-size-breadcrumb-font-size-sm: 15; // --breadcrumb-font-size-sm
235
- $component-breadcrumb-font-size-breadcrumb-font-size-md: 15; // --breadcrumb-font-size-sm
236
- $component-breadcrumb-font-size-breadcrumb-font-size-lg: 12; // --breadcrumb-font-size-lg
237
- $component-breadcrumb-line-height-breadcrumb-line-height-xs: 15; // not defined as variable
238
- $component-breadcrumb-line-height-breadcrumb-line-height-sm: 15; // not defined as variable
239
- $component-breadcrumb-line-height-breadcrumb-line-height-md: 15; // not defined as variable
240
- $component-breadcrumb-line-height-breadcrumb-line-height-lg: 12; // not defined as variable
241
- $component-breaking-news-breaking-news-content-font-size: 21;
233
+ $component-breadcrumb-font-size-breadcrumb-font-size-xs: 15px; // --breadcrumb-font-size-sm
234
+ $component-breadcrumb-font-size-breadcrumb-font-size-sm: 15px; // --breadcrumb-font-size-sm
235
+ $component-breadcrumb-font-size-breadcrumb-font-size-md: 15px; // --breadcrumb-font-size-sm
236
+ $component-breadcrumb-font-size-breadcrumb-font-size-lg: 12px; // --breadcrumb-font-size-lg
237
+ $component-breadcrumb-line-height-breadcrumb-line-height-xs: 15px; // not defined as variable
238
+ $component-breadcrumb-line-height-breadcrumb-line-height-sm: 15px; // not defined as variable
239
+ $component-breadcrumb-line-height-breadcrumb-line-height-md: 15px; // not defined as variable
240
+ $component-breadcrumb-line-height-breadcrumb-line-height-lg: 12px; // not defined as variable
241
+ $component-breaking-news-breaking-news-content-font-size: 21px;
242
242
  $component-footer-footer-link-font-family: Gotham XNarrow;
243
243
  $component-inputfield-input-field-label-font-family: Lucida Grande;
244
244
  $component-media-player-video-time-badge-font-family: Lucida Grande;
245
245
  $component-menu-menu-item-font-size: 15; // --nav-btn-font-size
246
246
  $component-menu-menu-item-font-weight: 700;
247
- $component-menu-app-top-bar-title-font-size-xs: 12; // --caption-1-font-size-sm
248
- $component-menu-app-top-bar-title-font-size-sm: 12; // --caption-1-font-size-sm
249
- $component-menu-app-top-bar-title-font-size-md: 14; // --caption-1-font-size-md
250
- $component-menu-app-top-bar-title-font-size-lg: 14; // --caption-1-font-size-lg
251
- $component-menu-app-top-bar-title-line-height-xs: 14;
252
- $component-menu-app-top-bar-title-line-height-sm: 14;
253
- $component-menu-app-top-bar-title-line-height-md: 17;
254
- $component-menu-app-top-bar-title-line-height-lg: 17;
247
+ $component-menu-app-top-bar-title-font-size-xs: 12px; // --caption-1-font-size-sm
248
+ $component-menu-app-top-bar-title-font-size-sm: 12px; // --caption-1-font-size-sm
249
+ $component-menu-app-top-bar-title-font-size-md: 14px; // --caption-1-font-size-md
250
+ $component-menu-app-top-bar-title-font-size-lg: 14px; // --caption-1-font-size-lg
251
+ $component-menu-app-top-bar-title-line-height-xs: 14px;
252
+ $component-menu-app-top-bar-title-line-height-sm: 14px;
253
+ $component-menu-app-top-bar-title-line-height-md: 17px;
254
+ $component-menu-app-top-bar-title-line-height-lg: 17px;
255
255
  $component-teaser-teaser-title-inline-space-xs: 8; // --teaser-title-padding-xs
256
256
  $component-teaser-teaser-title-inline-space-sm: 8; // --teaser-title-padding-sm
257
257
  $component-teaser-teaser-title-inline-space-md: 12; // --teaser-title-padding-md