@marioschmidt/design-system-tokens 1.0.23 → 1.0.24
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/brands/advertorial/sizeclass-compact/typography_styles.xml +430 -430
- package/dist/android/brands/advertorial/sizeclass-regular/typography_styles.xml +431 -431
- package/dist/android/brands/bild/sizeclass-compact/typography_styles.xml +436 -436
- package/dist/android/brands/bild/sizeclass-regular/typography_styles.xml +434 -434
- package/dist/android/brands/sportbild/sizeclass-compact/typography_styles.xml +442 -442
- package/dist/android/brands/sportbild/sizeclass-regular/typography_styles.xml +442 -442
- package/dist/css/brands/advertorial/density/density-compact.css +1 -1
- package/dist/css/brands/advertorial/density/density-default.css +1 -1
- package/dist/css/brands/advertorial/density/density-spacious.css +1 -1
- package/dist/css/brands/advertorial/overrides/brandtokenmapping.css +494 -494
- package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.css +773 -773
- package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.css +773 -773
- package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.css +773 -773
- package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.css +773 -773
- package/dist/css/brands/advertorial/semantic/effects/effects-dark.css +23 -23
- package/dist/css/brands/advertorial/semantic/effects/effects-light.css +23 -23
- package/dist/css/brands/advertorial/semantic/typography/typography-lg.css +626 -626
- package/dist/css/brands/advertorial/semantic/typography/typography-md.css +627 -627
- package/dist/css/brands/advertorial/semantic/typography/typography-sm.css +624 -624
- package/dist/css/brands/advertorial/semantic/typography/typography-xs.css +624 -624
- package/dist/css/brands/bild/density/density-compact.css +1 -1
- package/dist/css/brands/bild/density/density-default.css +1 -1
- package/dist/css/brands/bild/density/density-spacious.css +1 -1
- package/dist/css/brands/bild/overrides/brandcolormapping.css +140 -140
- package/dist/css/brands/bild/overrides/brandtokenmapping.css +494 -494
- package/dist/css/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.css +773 -773
- package/dist/css/brands/bild/semantic/breakpoints/breakpoint-md-600px.css +773 -773
- package/dist/css/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.css +773 -773
- package/dist/css/brands/bild/semantic/breakpoints/breakpoint-xs-320px.css +773 -773
- package/dist/css/brands/bild/semantic/color/colormode-dark.css +385 -385
- package/dist/css/brands/bild/semantic/color/colormode-light.css +385 -385
- package/dist/css/brands/bild/semantic/effects/effects-dark.css +23 -23
- package/dist/css/brands/bild/semantic/effects/effects-light.css +23 -23
- package/dist/css/brands/bild/semantic/typography/typography-lg.css +637 -637
- package/dist/css/brands/bild/semantic/typography/typography-md.css +632 -632
- package/dist/css/brands/bild/semantic/typography/typography-sm.css +632 -632
- package/dist/css/brands/bild/semantic/typography/typography-xs.css +633 -633
- package/dist/css/brands/sportbild/density/density-compact.css +1 -1
- package/dist/css/brands/sportbild/density/density-default.css +1 -1
- package/dist/css/brands/sportbild/density/density-spacious.css +1 -1
- package/dist/css/brands/sportbild/overrides/brandcolormapping.css +140 -140
- package/dist/css/brands/sportbild/overrides/brandtokenmapping.css +494 -494
- package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.css +773 -773
- package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.css +773 -773
- package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.css +773 -773
- package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.css +773 -773
- package/dist/css/brands/sportbild/semantic/color/colormode-dark.css +385 -385
- package/dist/css/brands/sportbild/semantic/color/colormode-light.css +385 -385
- package/dist/css/brands/sportbild/semantic/effects/effects-dark.css +23 -23
- package/dist/css/brands/sportbild/semantic/effects/effects-light.css +23 -23
- package/dist/css/brands/sportbild/semantic/typography/typography-lg.css +632 -632
- package/dist/css/brands/sportbild/semantic/typography/typography-md.css +631 -631
- package/dist/css/brands/sportbild/semantic/typography/typography-sm.css +631 -631
- package/dist/css/brands/sportbild/semantic/typography/typography-xs.css +631 -631
- package/dist/css/shared/colorprimitive.css +97 -97
- package/dist/css/shared/fontprimitive.css +22 -22
- package/dist/css/shared/sizeprimitive.css +1 -1
- package/dist/css/shared/spaceprimitive.css +1 -1
- package/dist/flutter/brands/advertorial/overrides/brandtokenmapping.dart +291 -291
- package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.dart +635 -635
- package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.dart +635 -635
- package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.dart +635 -635
- package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.dart +635 -635
- package/dist/flutter/brands/bild/overrides/brandcolormapping.dart +91 -91
- package/dist/flutter/brands/bild/overrides/brandtokenmapping.dart +291 -291
- package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.dart +635 -635
- package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-md-600px.dart +635 -635
- package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.dart +635 -635
- package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-xs-320px.dart +635 -635
- package/dist/flutter/brands/bild/semantic/color/colormode-dark.dart +389 -389
- package/dist/flutter/brands/bild/semantic/color/colormode-light.dart +389 -389
- package/dist/flutter/brands/sportbild/overrides/brandcolormapping.dart +91 -91
- package/dist/flutter/brands/sportbild/overrides/brandtokenmapping.dart +291 -291
- package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.dart +635 -635
- package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.dart +635 -635
- package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.dart +635 -635
- package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.dart +635 -635
- package/dist/flutter/brands/sportbild/semantic/color/colormode-dark.dart +389 -389
- package/dist/flutter/brands/sportbild/semantic/color/colormode-light.dart +389 -389
- package/dist/flutter/shared/colorprimitive.dart +82 -82
- package/dist/flutter/shared/fontprimitive.dart +21 -21
- package/dist/ios/brands/advertorial/overrides/Brandtokenmapping.swift +291 -291
- package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointLg1024pxRegular.swift +635 -635
- package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointMd600px.swift +635 -635
- package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointSm390pxCompact.swift +635 -635
- package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointXs320px.swift +635 -635
- package/dist/ios/brands/advertorial/sizeclass-compact/Typography.swift +200 -200
- package/dist/ios/brands/advertorial/sizeclass-regular/Typography.swift +200 -200
- package/dist/ios/brands/bild/overrides/Brandcolormapping.swift +91 -91
- package/dist/ios/brands/bild/overrides/Brandtokenmapping.swift +291 -291
- package/dist/ios/brands/bild/semantic/breakpoints/BreakpointLg1024pxRegular.swift +635 -635
- package/dist/ios/brands/bild/semantic/breakpoints/BreakpointMd600px.swift +635 -635
- package/dist/ios/brands/bild/semantic/breakpoints/BreakpointSm390pxCompact.swift +635 -635
- package/dist/ios/brands/bild/semantic/breakpoints/BreakpointXs320px.swift +635 -635
- package/dist/ios/brands/bild/semantic/color/ColormodeDark.swift +389 -389
- package/dist/ios/brands/bild/semantic/color/ColormodeLight.swift +389 -389
- package/dist/ios/brands/bild/sizeclass-compact/Typography.swift +200 -200
- package/dist/ios/brands/bild/sizeclass-regular/Typography.swift +200 -200
- package/dist/ios/brands/sportbild/overrides/Brandcolormapping.swift +91 -91
- package/dist/ios/brands/sportbild/overrides/Brandtokenmapping.swift +291 -291
- package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointLg1024pxRegular.swift +635 -635
- package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointMd600px.swift +635 -635
- package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointSm390pxCompact.swift +635 -635
- package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointXs320px.swift +635 -635
- package/dist/ios/brands/sportbild/semantic/color/ColormodeDark.swift +389 -389
- package/dist/ios/brands/sportbild/semantic/color/ColormodeLight.swift +389 -389
- package/dist/ios/brands/sportbild/sizeclass-compact/Typography.swift +200 -200
- package/dist/ios/brands/sportbild/sizeclass-regular/Typography.swift +200 -200
- package/dist/ios/shared/Colorprimitive.swift +82 -82
- package/dist/ios/shared/Fontprimitive.swift +21 -21
- package/dist/js/brands/advertorial/density/density-compact.js +1 -1
- package/dist/js/brands/advertorial/density/density-default.js +1 -1
- package/dist/js/brands/advertorial/density/density-spacious.js +1 -1
- package/dist/js/brands/advertorial/overrides/brandtokenmapping.js +292 -292
- package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.js +636 -636
- package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.js +636 -636
- package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.js +636 -636
- package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.js +636 -636
- package/dist/js/brands/advertorial/semantic/effects/effects-dark.js +13 -13
- package/dist/js/brands/advertorial/semantic/effects/effects-light.js +13 -13
- package/dist/js/brands/advertorial/semantic/typography/typography-lg.js +210 -210
- package/dist/js/brands/advertorial/semantic/typography/typography-md.js +210 -210
- package/dist/js/brands/advertorial/semantic/typography/typography-sm.js +210 -210
- package/dist/js/brands/advertorial/semantic/typography/typography-xs.js +210 -210
- package/dist/js/brands/bild/density/density-compact.js +1 -1
- package/dist/js/brands/bild/density/density-default.js +1 -1
- package/dist/js/brands/bild/density/density-spacious.js +1 -1
- package/dist/js/brands/bild/overrides/brandcolormapping.js +92 -92
- package/dist/js/brands/bild/overrides/brandtokenmapping.js +292 -292
- package/dist/js/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.js +636 -636
- package/dist/js/brands/bild/semantic/breakpoints/breakpoint-md-600px.js +636 -636
- package/dist/js/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.js +636 -636
- package/dist/js/brands/bild/semantic/breakpoints/breakpoint-xs-320px.js +636 -636
- package/dist/js/brands/bild/semantic/color/colormode-dark.js +390 -390
- package/dist/js/brands/bild/semantic/color/colormode-light.js +390 -390
- package/dist/js/brands/bild/semantic/effects/effects-dark.js +13 -13
- package/dist/js/brands/bild/semantic/effects/effects-light.js +13 -13
- package/dist/js/brands/bild/semantic/typography/typography-lg.js +210 -210
- package/dist/js/brands/bild/semantic/typography/typography-md.js +210 -210
- package/dist/js/brands/bild/semantic/typography/typography-sm.js +210 -210
- package/dist/js/brands/bild/semantic/typography/typography-xs.js +210 -210
- package/dist/js/brands/sportbild/density/density-compact.js +1 -1
- package/dist/js/brands/sportbild/density/density-default.js +1 -1
- package/dist/js/brands/sportbild/density/density-spacious.js +1 -1
- package/dist/js/brands/sportbild/overrides/brandcolormapping.js +92 -92
- package/dist/js/brands/sportbild/overrides/brandtokenmapping.js +292 -292
- package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.js +636 -636
- package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.js +636 -636
- package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.js +636 -636
- package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.js +636 -636
- package/dist/js/brands/sportbild/semantic/color/colormode-dark.js +390 -390
- package/dist/js/brands/sportbild/semantic/color/colormode-light.js +390 -390
- package/dist/js/brands/sportbild/semantic/effects/effects-dark.js +13 -13
- package/dist/js/brands/sportbild/semantic/effects/effects-light.js +13 -13
- package/dist/js/brands/sportbild/semantic/typography/typography-lg.js +210 -210
- package/dist/js/brands/sportbild/semantic/typography/typography-md.js +210 -210
- package/dist/js/brands/sportbild/semantic/typography/typography-sm.js +210 -210
- package/dist/js/brands/sportbild/semantic/typography/typography-xs.js +210 -210
- package/dist/js/shared/colorprimitive.js +83 -83
- package/dist/js/shared/fontprimitive.js +22 -22
- package/dist/js/shared/sizeprimitive.js +1 -1
- package/dist/js/shared/spaceprimitive.js +1 -1
- package/dist/manifest.json +1 -1
- package/dist/scss/brands/advertorial/density/density-compact.scss +1 -1
- package/dist/scss/brands/advertorial/density/density-default.scss +1 -1
- package/dist/scss/brands/advertorial/density/density-spacious.scss +1 -1
- package/dist/scss/brands/advertorial/overrides/brandtokenmapping.scss +292 -292
- package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +636 -636
- package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.scss +636 -636
- package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.scss +636 -636
- package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.scss +636 -636
- package/dist/scss/brands/advertorial/semantic/effects/effects-dark.scss +13 -13
- package/dist/scss/brands/advertorial/semantic/effects/effects-light.scss +13 -13
- package/dist/scss/brands/advertorial/semantic/typography/typography-lg.scss +210 -210
- package/dist/scss/brands/advertorial/semantic/typography/typography-md.scss +210 -210
- package/dist/scss/brands/advertorial/semantic/typography/typography-sm.scss +210 -210
- package/dist/scss/brands/advertorial/semantic/typography/typography-xs.scss +210 -210
- package/dist/scss/brands/bild/density/density-compact.scss +1 -1
- package/dist/scss/brands/bild/density/density-default.scss +1 -1
- package/dist/scss/brands/bild/density/density-spacious.scss +1 -1
- package/dist/scss/brands/bild/overrides/brandcolormapping.scss +92 -92
- package/dist/scss/brands/bild/overrides/brandtokenmapping.scss +292 -292
- package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +636 -636
- package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-md-600px.scss +636 -636
- package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.scss +636 -636
- package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-xs-320px.scss +636 -636
- package/dist/scss/brands/bild/semantic/color/colormode-dark.scss +390 -390
- package/dist/scss/brands/bild/semantic/color/colormode-light.scss +390 -390
- package/dist/scss/brands/bild/semantic/effects/effects-dark.scss +13 -13
- package/dist/scss/brands/bild/semantic/effects/effects-light.scss +13 -13
- package/dist/scss/brands/bild/semantic/typography/typography-lg.scss +210 -210
- package/dist/scss/brands/bild/semantic/typography/typography-md.scss +210 -210
- package/dist/scss/brands/bild/semantic/typography/typography-sm.scss +210 -210
- package/dist/scss/brands/bild/semantic/typography/typography-xs.scss +210 -210
- package/dist/scss/brands/sportbild/density/density-compact.scss +1 -1
- package/dist/scss/brands/sportbild/density/density-default.scss +1 -1
- package/dist/scss/brands/sportbild/density/density-spacious.scss +1 -1
- package/dist/scss/brands/sportbild/overrides/brandcolormapping.scss +92 -92
- package/dist/scss/brands/sportbild/overrides/brandtokenmapping.scss +292 -292
- package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +636 -636
- package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.scss +636 -636
- package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.scss +636 -636
- package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.scss +636 -636
- package/dist/scss/brands/sportbild/semantic/color/colormode-dark.scss +390 -390
- package/dist/scss/brands/sportbild/semantic/color/colormode-light.scss +390 -390
- package/dist/scss/brands/sportbild/semantic/effects/effects-dark.scss +13 -13
- package/dist/scss/brands/sportbild/semantic/effects/effects-light.scss +13 -13
- package/dist/scss/brands/sportbild/semantic/typography/typography-lg.scss +210 -210
- package/dist/scss/brands/sportbild/semantic/typography/typography-md.scss +210 -210
- package/dist/scss/brands/sportbild/semantic/typography/typography-sm.scss +210 -210
- package/dist/scss/brands/sportbild/semantic/typography/typography-xs.scss +210 -210
- package/dist/scss/shared/colorprimitive.scss +83 -83
- package/dist/scss/shared/fontprimitive.scss +22 -22
- package/dist/scss/shared/sizeprimitive.scss +1 -1
- package/dist/scss/shared/spaceprimitive.scss +1 -1
- package/package.json +1 -1
|
@@ -9,200 +9,10 @@
|
|
|
9
9
|
import UIKit
|
|
10
10
|
|
|
11
11
|
public class Brandtokenmapping {
|
|
12
|
-
// MARK: - ============================================
|
|
13
|
-
// MARK: - COMPONENT
|
|
14
|
-
// MARK: - ============================================
|
|
15
|
-
|
|
16
|
-
public static let ButtonLabelFontWeightSt = "600"
|
|
17
|
-
|
|
18
|
-
// MARK: - Component - Accordion
|
|
19
|
-
public static let AccordionLabelFontFamily = "Lucida Grande"
|
|
20
|
-
|
|
21
|
-
// MARK: - Component - Article - FontSize
|
|
22
|
-
/** --article-figure-caption-font-size-sm */
|
|
23
|
-
public static let ArticleImageCaptionFontSizeXs = "13px"
|
|
24
|
-
/** --article-figure-caption-font-size-md */
|
|
25
|
-
public static let ArticleImageCaptionFontSizeMd = "13px"
|
|
26
|
-
/** --article-figure-caption-font-size-lg */
|
|
27
|
-
public static let ArticleImageCaptionFontSizeLg = "16px"
|
|
28
|
-
/** --article-figure-caption-font-size-sm */
|
|
29
|
-
public static let ArticleImageCaptionFontSizeSm = "13px"
|
|
30
|
-
/** --article-figure-meta-font-size-sm */
|
|
31
|
-
public static let ArticleImageSourceFontSizeXs = "13px"
|
|
32
|
-
/** --article-figure-meta-font-size-sm */
|
|
33
|
-
public static let ArticleImageSourceFontSizeSm = "13px"
|
|
34
|
-
/** --article-figure-meta-font-size-sm */
|
|
35
|
-
public static let ArticleImageSourceFontSizeMd = "13px"
|
|
36
|
-
/** --article-figure-meta-font-size-lg */
|
|
37
|
-
public static let ArticleImageSourceFontSizeLg = "16px"
|
|
38
|
-
|
|
39
|
-
// MARK: - Component - Article - LineHeight
|
|
40
|
-
/** --article-figure-caption-line-height-sm ; Bild: 19.5 // SpoBi: 16.9 // Ad: 19.5 */
|
|
41
|
-
public static let ArticleImageCaptionLineHeightXs = "19.5px"
|
|
42
|
-
/** --article-figure-caption-line-height-md ; Bild: 24.75 // SpoBi: 16.9 // Ad: 19.5 */
|
|
43
|
-
public static let ArticleImageCaptionLineHeightMd = "19.5px"
|
|
44
|
-
/** --article-figure-caption-line-height-lg ; Bild: 24.75 // SpoBi: 19.5 // Ad: 24 */
|
|
45
|
-
public static let ArticleImageCaptionLineHeightLg = "24px"
|
|
46
|
-
/** --article-figure-caption-line-height-sm ; Bild: 19.5 // SpoBi: 16.9 // Ad: 19.5 */
|
|
47
|
-
public static let ArticleImageCaptionLineHeightSm = "19.5px"
|
|
48
|
-
/** --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19 */
|
|
49
|
-
public static let ArticleImageSourceLineHeightMd = "19px"
|
|
50
|
-
/** --article-figure-meta-line-height-lg ; Bild: 23 // SpoBi: 19 // Ad: 24 */
|
|
51
|
-
public static let ArticleImageSourceLineHeightLg = "24px"
|
|
52
|
-
/** --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19 */
|
|
53
|
-
public static let ArticleImageSourceLineHeightXs = "19px"
|
|
54
|
-
/** --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19 */
|
|
55
|
-
public static let ArticleImageSourceLineHeightSm = "19px"
|
|
56
|
-
|
|
57
|
-
// MARK: - Component - Avatar
|
|
58
|
-
/** current css 09-2025 --article-author-font // Bild: GothamXNarrow; SpoBi: Inter; Ads: LucidaGrande */
|
|
59
|
-
public static let AvatarFontFamily = "Lucida Grande"
|
|
60
|
-
/** 09-2025 css using footnote var for font sizes SM & LG // Bild: 16; SpoBi: 13; Ads: 13 */
|
|
61
|
-
public static let AvatarFontSizeSm = "13px"
|
|
62
|
-
/** 09-2025 css using footnote var for font sizes SM & LG // Bild: 18; SpoBi: 15; Ads: 15 */
|
|
63
|
-
public static let AvatarFontSizeLg = "15px"
|
|
64
|
-
|
|
65
|
-
// MARK: - Component - Breadcrumb - FontFamily
|
|
66
|
-
/** --breadcrumb-font */
|
|
67
|
-
public static let BreadcrumbFontFamily = "Lucida Grande"
|
|
68
|
-
|
|
69
|
-
// MARK: - Component - Breadcrumb - FontSize
|
|
70
|
-
/** --breadcrumb-font-size-sm */
|
|
71
|
-
public static let BreadcrumbFontSizeXs = "15px"
|
|
72
|
-
/** --breadcrumb-font-size-sm */
|
|
73
|
-
public static let BreadcrumbFontSizeSm = "15px"
|
|
74
|
-
/** --breadcrumb-font-size-sm */
|
|
75
|
-
public static let BreadcrumbFontSizeMd = "15px"
|
|
76
|
-
/** --breadcrumb-font-size-lg */
|
|
77
|
-
public static let BreadcrumbFontSizeLg = "12px"
|
|
78
|
-
|
|
79
|
-
// MARK: - Component - Breadcrumb - FontWeight
|
|
80
|
-
/** --breadcrumb-font-size-sm */
|
|
81
|
-
public static let BreadcrumbFontWeight = 700
|
|
82
|
-
|
|
83
|
-
// MARK: - Component - Breadcrumb - LineHeight
|
|
84
|
-
/** not defined as variable */
|
|
85
|
-
public static let BreadcrumbLineHeightXs = "15px"
|
|
86
|
-
/** not defined as variable */
|
|
87
|
-
public static let BreadcrumbLineHeightSm = "15px"
|
|
88
|
-
/** not defined as variable */
|
|
89
|
-
public static let BreadcrumbLineHeightMd = "15px"
|
|
90
|
-
/** not defined as variable */
|
|
91
|
-
public static let BreadcrumbLineHeightLg = "12px"
|
|
92
|
-
|
|
93
|
-
// MARK: - Component - BreakingNews
|
|
94
|
-
public static let BreakingNewsContentFontSize = "21px"
|
|
95
|
-
|
|
96
|
-
// MARK: - Component - Footer
|
|
97
|
-
public static let FooterLinkFontFamily = "Gotham XNarrow"
|
|
98
|
-
|
|
99
|
-
// MARK: - Component - Inputfield
|
|
100
|
-
public static let InputFieldLabelFontFamily = "Lucida Grande"
|
|
101
|
-
|
|
102
|
-
// MARK: - Component - MediaPlayer
|
|
103
|
-
public static let VideoTimeBadgeFontFamily = "Lucida Grande"
|
|
104
|
-
|
|
105
|
-
// MARK: - Component - Menu
|
|
106
|
-
/** --nav-btn-font-size */
|
|
107
|
-
public static let MenuItemFontSize = "15px"
|
|
108
|
-
/** --caption-1-font-size-md */
|
|
109
|
-
public static let AppTopBarTitleFontSizeMd = "14px"
|
|
110
|
-
/** --caption-1-font-size-lg */
|
|
111
|
-
public static let AppTopBarTitleFontSizeLg = "14px"
|
|
112
|
-
/** --caption-1-font-size-sm */
|
|
113
|
-
public static let AppTopBarTitleFontSizeXs = "12px"
|
|
114
|
-
/** --caption-1-font-size-sm */
|
|
115
|
-
public static let AppTopBarTitleFontSizeSm = "12px"
|
|
116
|
-
public static let AppTopBarTitleLineHeightMd = "17px"
|
|
117
|
-
public static let AppTopBarTitleLineHeightLg = "17px"
|
|
118
|
-
public static let AppTopBarTitleLineHeightXs = "14px"
|
|
119
|
-
public static let AppTopBarTitleLineHeightSm = "14px"
|
|
120
|
-
public static let MenuItemFontWeight = "700"
|
|
121
|
-
|
|
122
|
-
// MARK: - Component - Teaser
|
|
123
|
-
/** --teaser-title-padding-lg */
|
|
124
|
-
public static let TeaserTitleInlineSpaceLg = "12px"
|
|
125
|
-
/** --teaser-title-padding-md */
|
|
126
|
-
public static let TeaserTitleInlineSpaceMd = "12px"
|
|
127
|
-
/** --teaser-title-padding-sm */
|
|
128
|
-
public static let TeaserTitleInlineSpaceSm = "8px"
|
|
129
|
-
/** --teaser-title-padding-xs */
|
|
130
|
-
public static let TeaserTitleInlineSpaceXs = "8px"
|
|
131
|
-
|
|
132
|
-
// MARK: - Component - Teaser - 2xaTeaser
|
|
133
|
-
public static let _2xaTeaserTitleInlineSpace = "8px"
|
|
134
|
-
|
|
135
|
-
// MARK: - Component - Teaser - Quad
|
|
136
|
-
public static let QTeaserTitleInlineSpaceLg = "12px"
|
|
137
|
-
public static let QTeaserTitleInlineSpaceMd = "16px"
|
|
138
|
-
public static let QTeaserTitleInlineSpaceSm = "8px"
|
|
139
|
-
public static let QTeaserTitleInlineSpaceXs = "8px"
|
|
140
|
-
|
|
141
|
-
// MARK: - Component - Teaser - aTeaser
|
|
142
|
-
public static let ATeaserTitleInlineSpaceLg = "12px"
|
|
143
|
-
public static let ATeaserTitleInlineSpaceMd = "12px"
|
|
144
|
-
public static let ATeaserTitleInlineSpaceXs = "8px"
|
|
145
|
-
public static let ATeaserTitleInlineSpaceSm = "8px"
|
|
146
|
-
|
|
147
|
-
// MARK: - Component - Teaser - bTeaser
|
|
148
|
-
public static let BTeaserTitleInlineSpace = "8px"
|
|
149
|
-
|
|
150
|
-
// MARK: - Component - Teaser - miniQ
|
|
151
|
-
public static let MiniQteaserTitleInlineSpaceMd = "8px"
|
|
152
|
-
public static let MiniQteaserTitleInlineSpaceLg = "8px"
|
|
153
|
-
public static let MiniQteaserTitleInlineSpaceSm = "8px"
|
|
154
|
-
public static let MiniQteaserTitleInlineSpaceXs = "8px"
|
|
155
|
-
|
|
156
|
-
// MARK: - Component - Teaser - superA
|
|
157
|
-
public static let SuperAteaserTitleInlineSpace = "16px"
|
|
158
|
-
|
|
159
|
-
|
|
160
12
|
// MARK: - ============================================
|
|
161
13
|
// MARK: - GLOBAL
|
|
162
14
|
// MARK: - ============================================
|
|
163
15
|
|
|
164
|
-
// MARK: - Global - Typography - FontFamily
|
|
165
|
-
/** Bild: GothamXNarrow | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the kickers text styles font family parameter. */
|
|
166
|
-
public static let KickerFontFamily = "Lucida Grande"
|
|
167
|
-
/** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the display text style font family parameter. */
|
|
168
|
-
public static let DisplayFontFamily = "Lucida Grande"
|
|
169
|
-
/** Bild: GothamCond | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the headlines text style font family parameter. */
|
|
170
|
-
public static let HeadlineFontFamily = "Lucida Grande"
|
|
171
|
-
/** Bild: GothamCond | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the subheadlines text style font family parameter. */
|
|
172
|
-
public static let SubheadlineFontFamily = "Lucida Grande"
|
|
173
|
-
/** Bild: GothamXNarrow | SpoBi: Inter | Ads: LucidaGrande | This variable is used in the body text style font family parameter. */
|
|
174
|
-
public static let BodyFontFamily = "Lucida Grande"
|
|
175
|
-
/** Bild: GothamXNarrow | SpoBi: Inter | Ads: LucidaGrande | This variable is used in the footnotes text style font family parameter. */
|
|
176
|
-
public static let FootnoteFontFamily = "Lucida Grande"
|
|
177
|
-
/** Bild: GothamXNarrow | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the labels text styles font family parameter. */
|
|
178
|
-
public static let LabelFontFamily = "Lucida Grande"
|
|
179
|
-
/** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the quotes text style font family parameter. */
|
|
180
|
-
public static let QuoteFontFamily = "Lucida Grande"
|
|
181
|
-
/** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the titles text style font family parameter. */
|
|
182
|
-
public static let TitleFontFamily = "Lucida Grande"
|
|
183
|
-
/** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the callouts text style font family parameter. */
|
|
184
|
-
public static let CalloutFontFamily = "Lucida Grande"
|
|
185
|
-
|
|
186
|
-
// MARK: - Global - Typography - FontSize - Body
|
|
187
|
-
/** 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 */
|
|
188
|
-
public static let BodyFontSizeXs = "17px"
|
|
189
|
-
/** 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 */
|
|
190
|
-
public static let BodyFontSizeSm = "17px"
|
|
191
|
-
/** 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 */
|
|
192
|
-
public static let BodyFontSizeMd = "17px"
|
|
193
|
-
/** 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 */
|
|
194
|
-
public static let BodyFontSizeLg = "17px"
|
|
195
|
-
|
|
196
|
-
// MARK: - Global - Typography - FontSize - Callout
|
|
197
|
-
/** 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: */
|
|
198
|
-
public static let Callout1FontSizeXs = "16px"
|
|
199
|
-
/** 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: */
|
|
200
|
-
public static let Callout1FontSizeSm = "16px"
|
|
201
|
-
/** 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: */
|
|
202
|
-
public static let Callout1FontSizeMd = "22px"
|
|
203
|
-
/** 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: */
|
|
204
|
-
public static let Callout1FontSizeLg = "22px"
|
|
205
|
-
|
|
206
16
|
// MARK: - Global - Typography - FontSize - Display
|
|
207
17
|
/** Bild: 40 | SpoBi: 38 | Ads: 39 | This variable is used in the display1 text style font size parameter for small device sizes. */
|
|
208
18
|
public static let Display1FontSizeXs = "39px"
|
|
@@ -229,19 +39,6 @@ public class Brandtokenmapping {
|
|
|
229
39
|
/** Bild: 28 | SpoBi: 27 | Ads: 27 | This variable is used in the display3 text style font size parameter for small device sizes. */
|
|
230
40
|
public static let Display3FontSizeXs = "27px"
|
|
231
41
|
|
|
232
|
-
// MARK: - Global - Typography - FontSize - Footnote
|
|
233
|
-
/** --footnote-font-size-sm */
|
|
234
|
-
public static let Footnote1FontSizeXs = "13px"
|
|
235
|
-
/** --footnote-font-size-sm */
|
|
236
|
-
public static let Footnote1FontSizeSm = "13px"
|
|
237
|
-
public static let Footnote1FontSizeMd = "13px"
|
|
238
|
-
/** --footnote-font-size-lg */
|
|
239
|
-
public static let Footnote1FontSizeLg = "15px"
|
|
240
|
-
public static let Footnote2FontSizeXs = "10px"
|
|
241
|
-
public static let Footnote2FontSizeSm = "10px"
|
|
242
|
-
public static let Footnote2FontSizeMd = "10px"
|
|
243
|
-
public static let Footnote2FontSizeLg = "13px"
|
|
244
|
-
|
|
245
42
|
// MARK: - Global - Typography - FontSize - Headline
|
|
246
43
|
/** Bild: 48 | SpoBi: 42 | Ads: 36 | This variable is used in the headline1 text style font size parameter for small device sizes. */
|
|
247
44
|
public static let Headline1FontSizeXs = "36px"
|
|
@@ -312,22 +109,6 @@ public class Brandtokenmapping {
|
|
|
312
109
|
/** 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 */
|
|
313
110
|
public static let Kicker4FontSizeLg = "14px"
|
|
314
111
|
|
|
315
|
-
// MARK: - Global - Typography - FontSize - Label
|
|
316
|
-
public static let Label1FontSize = "17px"
|
|
317
|
-
public static let Label2FontSize = "15px"
|
|
318
|
-
public static let Label3FontSize = "12px"
|
|
319
|
-
public static let Label4FontSize = "8px"
|
|
320
|
-
public static let Label1RespFontSizeXs = "10px"
|
|
321
|
-
public static let Label1RespFontSizeSm = "10px"
|
|
322
|
-
public static let Label1RespFontSizeMd = "15px"
|
|
323
|
-
public static let Label1RespFontSizeLg = "17px"
|
|
324
|
-
|
|
325
|
-
// MARK: - Global - Typography - FontSize - Quote
|
|
326
|
-
public static let QuoteFontSizeXs = "16px"
|
|
327
|
-
public static let QuoteFontSizeSm = "16px"
|
|
328
|
-
public static let QuoteFontSizeMd = "16px"
|
|
329
|
-
public static let QuoteFontSizeLg = "18px"
|
|
330
|
-
|
|
331
112
|
// MARK: - Global - Typography - FontSize - Subheadline
|
|
332
113
|
/** Bild: 24 | SpoBi: 18 | Ads: 18 | This variable is used in the subheadline1 text style font size parameter for small device sizes. */
|
|
333
114
|
public static let Subheadline1FontSizeXs = "18px"
|
|
@@ -356,58 +137,54 @@ public class Brandtokenmapping {
|
|
|
356
137
|
/** Bild 20 | SpoBi 20 | Ads 18 | current online css: --caption-1-font-size-lg */
|
|
357
138
|
public static let Title2FontSizeLg = "18px"
|
|
358
139
|
|
|
359
|
-
// MARK: - Global - Typography -
|
|
360
|
-
|
|
361
|
-
public static let
|
|
140
|
+
// MARK: - Global - Typography - FontSize - Callout
|
|
141
|
+
/** 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: */
|
|
142
|
+
public static let Callout1FontSizeXs = "16px"
|
|
143
|
+
/** 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: */
|
|
144
|
+
public static let Callout1FontSizeSm = "16px"
|
|
145
|
+
/** 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: */
|
|
146
|
+
public static let Callout1FontSizeMd = "22px"
|
|
147
|
+
/** 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: */
|
|
148
|
+
public static let Callout1FontSizeLg = "22px"
|
|
362
149
|
|
|
363
|
-
// MARK: - Global - Typography -
|
|
364
|
-
|
|
150
|
+
// MARK: - Global - Typography - FontSize - Body
|
|
151
|
+
/** 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 */
|
|
152
|
+
public static let BodyFontSizeXs = "17px"
|
|
153
|
+
/** 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 */
|
|
154
|
+
public static let BodyFontSizeSm = "17px"
|
|
155
|
+
/** 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 */
|
|
156
|
+
public static let BodyFontSizeMd = "17px"
|
|
157
|
+
/** 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 */
|
|
158
|
+
public static let BodyFontSizeLg = "17px"
|
|
365
159
|
|
|
366
|
-
// MARK: - Global - Typography -
|
|
367
|
-
|
|
160
|
+
// MARK: - Global - Typography - FontSize - Footnote
|
|
161
|
+
/** --footnote-font-size-sm */
|
|
162
|
+
public static let Footnote1FontSizeXs = "13px"
|
|
163
|
+
/** --footnote-font-size-sm */
|
|
164
|
+
public static let Footnote1FontSizeSm = "13px"
|
|
165
|
+
public static let Footnote1FontSizeMd = "13px"
|
|
166
|
+
/** --footnote-font-size-lg */
|
|
167
|
+
public static let Footnote1FontSizeLg = "15px"
|
|
168
|
+
public static let Footnote2FontSizeXs = "10px"
|
|
169
|
+
public static let Footnote2FontSizeSm = "10px"
|
|
170
|
+
public static let Footnote2FontSizeMd = "10px"
|
|
171
|
+
public static let Footnote2FontSizeLg = "13px"
|
|
368
172
|
|
|
369
|
-
// MARK: - Global - Typography -
|
|
370
|
-
public static let
|
|
371
|
-
public static let
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
public static let Headline1FontWeightSt = "700"
|
|
375
|
-
public static let Headline1FontWeight = 700
|
|
376
|
-
public static let Headline2FontWeight = 700
|
|
377
|
-
public static let Headline3FontWeight = 700
|
|
378
|
-
public static let Headline4FontWeight = 600
|
|
379
|
-
public static let Headline2FontWeightSt = "700"
|
|
380
|
-
public static let Headline3FontWeightSt = "700"
|
|
381
|
-
public static let Headline4FontWeightSt = "600"
|
|
382
|
-
|
|
383
|
-
// MARK: - Global - Typography - FontWeight - Kicker
|
|
384
|
-
public static let KickerFontWeight = 700
|
|
385
|
-
public static let KickerFontWeightSt = "700"
|
|
386
|
-
|
|
387
|
-
// MARK: - Global - Typography - FontWeight - Label
|
|
388
|
-
public static let LabelFontWeightBook = 400
|
|
389
|
-
public static let LabelFontWeightBold = 700
|
|
390
|
-
|
|
391
|
-
// MARK: - Global - Typography - FontWeight - Quote
|
|
392
|
-
public static let QuoteFontWeight = 800
|
|
393
|
-
|
|
394
|
-
// MARK: - Global - Typography - FontWeight - Subheadline
|
|
395
|
-
public static let SubheadlineFontWeight = 700
|
|
396
|
-
|
|
397
|
-
// MARK: - Global - Typography - FontWeight - Title
|
|
398
|
-
public static let TitleFontWeight = 800
|
|
399
|
-
|
|
400
|
-
// MARK: - Global - Typography - LineHeight - Body
|
|
401
|
-
public static let BodyLineHeightXs = "29.75px"
|
|
402
|
-
public static let BodyLineHeightSm = "29.75px"
|
|
403
|
-
public static let BodyLineHeightMd = "29.75px"
|
|
404
|
-
public static let BodyLineHeightLg = "29.75px"
|
|
173
|
+
// MARK: - Global - Typography - FontSize - Quote
|
|
174
|
+
public static let QuoteFontSizeXs = "16px"
|
|
175
|
+
public static let QuoteFontSizeSm = "16px"
|
|
176
|
+
public static let QuoteFontSizeMd = "16px"
|
|
177
|
+
public static let QuoteFontSizeLg = "18px"
|
|
405
178
|
|
|
406
|
-
// MARK: - Global - Typography -
|
|
407
|
-
public static let
|
|
408
|
-
public static let
|
|
409
|
-
public static let
|
|
410
|
-
public static let
|
|
179
|
+
// MARK: - Global - Typography - FontSize - Label
|
|
180
|
+
public static let Label1FontSize = "17px"
|
|
181
|
+
public static let Label2FontSize = "15px"
|
|
182
|
+
public static let Label3FontSize = "12px"
|
|
183
|
+
public static let Label4FontSize = "8px"
|
|
184
|
+
public static let Label1RespFontSizeXs = "10px"
|
|
185
|
+
public static let Label1RespFontSizeSm = "10px"
|
|
186
|
+
public static let Label1RespFontSizeMd = "15px"
|
|
187
|
+
public static let Label1RespFontSizeLg = "17px"
|
|
411
188
|
|
|
412
189
|
// MARK: - Global - Typography - LineHeight - Display
|
|
413
190
|
public static let Display1LineHeightXs = "40px"
|
|
@@ -423,16 +200,6 @@ public class Brandtokenmapping {
|
|
|
423
200
|
public static let Display3LineHeightSm = "28px"
|
|
424
201
|
public static let Display3LineHeightXs = "28px"
|
|
425
202
|
|
|
426
|
-
// MARK: - Global - Typography - LineHeight - Footnote
|
|
427
|
-
public static let Footnote1LineHeightXs = "16.899999618530273px"
|
|
428
|
-
public static let Footnote1LineHeightSm = "16.899999618530273px"
|
|
429
|
-
public static let Footnote1LineHeightMd = "16.899999618530273px"
|
|
430
|
-
public static let Footnote1LineHeightLg = "19.5px"
|
|
431
|
-
public static let Footnote2LineHeightXs = "13px"
|
|
432
|
-
public static let Footnote2LineHeightSm = "13px"
|
|
433
|
-
public static let Footnote2LineHeightMd = "13px"
|
|
434
|
-
public static let Footnote2LineHeightLg = "16.899999618530273px"
|
|
435
|
-
|
|
436
203
|
// MARK: - Global - Typography - LineHeight - Headline
|
|
437
204
|
public static let Headline1LineHeightXs = "37.79999923706055px"
|
|
438
205
|
public static let Headline1LineHeightSm = "37.79999923706055px"
|
|
@@ -451,6 +218,12 @@ public class Brandtokenmapping {
|
|
|
451
218
|
public static let Headline4LineHeightMd = "19.799999237060547px"
|
|
452
219
|
public static let Headline4LineHeightLg = "27.5px"
|
|
453
220
|
|
|
221
|
+
// MARK: - Global - Typography - LineHeight - Subheadline
|
|
222
|
+
public static let Subheadline1LineHeightXs = "23.399999618530273px"
|
|
223
|
+
public static let Subheadline1LineHeightSm = "23.399999618530273px"
|
|
224
|
+
public static let Subheadline1LineHeightMd = "23.399999618530273px"
|
|
225
|
+
public static let Subheadline1LineHeightLg = "36.400001525878906px"
|
|
226
|
+
|
|
454
227
|
// MARK: - Global - Typography - LineHeight - Kicker
|
|
455
228
|
public static let Kicker1LineHeightXs = "17.600000381469727px"
|
|
456
229
|
public static let Kicker1LineHeightSm = "17.600000381469727px"
|
|
@@ -469,6 +242,38 @@ public class Brandtokenmapping {
|
|
|
469
242
|
public static let Kicker4LineHeightMd = "15.399999618530273px"
|
|
470
243
|
public static let Kicker4LineHeightLg = "15.399999618530273px"
|
|
471
244
|
|
|
245
|
+
// MARK: - Global - Typography - LineHeight - Title
|
|
246
|
+
public static let Title1LineHeightXs = "26.399999618530273px"
|
|
247
|
+
public static let Title1LineHeightSm = "26.399999618530273px"
|
|
248
|
+
public static let Title1LineHeightMd = "26.399999618530273px"
|
|
249
|
+
public static let Title1LineHeightLg = "33.599998474121094px"
|
|
250
|
+
public static let Title2LineHeightXs = "16.799999237060547px"
|
|
251
|
+
public static let Title2LineHeightSm = "16.799999237060547px"
|
|
252
|
+
public static let Title2LineHeightMd = "19.200000762939453px"
|
|
253
|
+
public static let Title2LineHeightLg = "23.399999618530273px"
|
|
254
|
+
|
|
255
|
+
// MARK: - Global - Typography - LineHeight - Callout
|
|
256
|
+
public static let Callout1LineHeightXs = "20.799999237060547px"
|
|
257
|
+
public static let Callout1LineHeightSm = "20.799999237060547px"
|
|
258
|
+
public static let Callout1LineHeightMd = "28.600000381469727px"
|
|
259
|
+
public static let Callout1LineHeightLg = "28.600000381469727px"
|
|
260
|
+
|
|
261
|
+
// MARK: - Global - Typography - LineHeight - Body
|
|
262
|
+
public static let BodyLineHeightXs = "29.75px"
|
|
263
|
+
public static let BodyLineHeightSm = "29.75px"
|
|
264
|
+
public static let BodyLineHeightMd = "29.75px"
|
|
265
|
+
public static let BodyLineHeightLg = "29.75px"
|
|
266
|
+
|
|
267
|
+
// MARK: - Global - Typography - LineHeight - Footnote
|
|
268
|
+
public static let Footnote1LineHeightXs = "16.899999618530273px"
|
|
269
|
+
public static let Footnote1LineHeightSm = "16.899999618530273px"
|
|
270
|
+
public static let Footnote1LineHeightMd = "16.899999618530273px"
|
|
271
|
+
public static let Footnote1LineHeightLg = "19.5px"
|
|
272
|
+
public static let Footnote2LineHeightXs = "13px"
|
|
273
|
+
public static let Footnote2LineHeightSm = "13px"
|
|
274
|
+
public static let Footnote2LineHeightMd = "13px"
|
|
275
|
+
public static let Footnote2LineHeightLg = "16.899999618530273px"
|
|
276
|
+
|
|
472
277
|
// MARK: - Global - Typography - LineHeight - Label
|
|
473
278
|
/** Bild 17 | SpoBi 20.4 | Ads 20.4 | The label 1 text style uses this variable for its line height parameter. */
|
|
474
279
|
public static let Label1LineHeight = "20.399999618530273px"
|
|
@@ -493,21 +298,68 @@ public class Brandtokenmapping {
|
|
|
493
298
|
public static let QuoteLineHeightMd = "20.799999237060547px"
|
|
494
299
|
public static let QuoteLineHeightLg = "23.399999618530273px"
|
|
495
300
|
|
|
496
|
-
// MARK: - Global - Typography -
|
|
497
|
-
public static let
|
|
498
|
-
public static let
|
|
499
|
-
public static let Subheadline1LineHeightMd = "23.399999618530273px"
|
|
500
|
-
public static let Subheadline1LineHeightLg = "36.400001525878906px"
|
|
301
|
+
// MARK: - Global - Typography - FontWeight - Body
|
|
302
|
+
public static let BodyFontWeightBook = 400
|
|
303
|
+
public static let BodyFontWeightBold = 700
|
|
501
304
|
|
|
502
|
-
// MARK: - Global - Typography -
|
|
503
|
-
public static let
|
|
504
|
-
public static let
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
public static let
|
|
508
|
-
public static let
|
|
509
|
-
|
|
510
|
-
|
|
305
|
+
// MARK: - Global - Typography - FontWeight - Footnote
|
|
306
|
+
public static let FootnoteFontWeightBook = 400
|
|
307
|
+
public static let FootnoteFontWeightBold = 700
|
|
308
|
+
|
|
309
|
+
// MARK: - Global - Typography - FontWeight - Label
|
|
310
|
+
public static let LabelFontWeightBook = 400
|
|
311
|
+
public static let LabelFontWeightBold = 700
|
|
312
|
+
|
|
313
|
+
// MARK: - Global - Typography - FontWeight - Quote
|
|
314
|
+
public static let QuoteFontWeight = 800
|
|
315
|
+
|
|
316
|
+
// MARK: - Global - Typography - FontWeight - Display
|
|
317
|
+
public static let DisplayFontWeight = 800
|
|
318
|
+
|
|
319
|
+
// MARK: - Global - Typography - FontWeight - Headline
|
|
320
|
+
public static let Headline1FontWeightSt = "700"
|
|
321
|
+
public static let Headline1FontWeight = 700
|
|
322
|
+
public static let Headline2FontWeight = 700
|
|
323
|
+
public static let Headline3FontWeight = 700
|
|
324
|
+
public static let Headline4FontWeight = 600
|
|
325
|
+
public static let Headline2FontWeightSt = "700"
|
|
326
|
+
public static let Headline3FontWeightSt = "700"
|
|
327
|
+
public static let Headline4FontWeightSt = "600"
|
|
328
|
+
|
|
329
|
+
// MARK: - Global - Typography - FontWeight - Subheadline
|
|
330
|
+
public static let SubheadlineFontWeight = 700
|
|
331
|
+
|
|
332
|
+
// MARK: - Global - Typography - FontWeight - Kicker
|
|
333
|
+
public static let KickerFontWeight = 700
|
|
334
|
+
public static let KickerFontWeightSt = "700"
|
|
335
|
+
|
|
336
|
+
// MARK: - Global - Typography - FontWeight - Callout
|
|
337
|
+
public static let CalloutFontWeight = 800
|
|
338
|
+
|
|
339
|
+
// MARK: - Global - Typography - FontWeight - Title
|
|
340
|
+
public static let TitleFontWeight = 800
|
|
341
|
+
|
|
342
|
+
// MARK: - Global - Typography - FontFamily
|
|
343
|
+
/** Bild: GothamXNarrow | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the kickers text styles font family parameter. */
|
|
344
|
+
public static let KickerFontFamily = "Lucida Grande"
|
|
345
|
+
/** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the display text style font family parameter. */
|
|
346
|
+
public static let DisplayFontFamily = "Lucida Grande"
|
|
347
|
+
/** Bild: GothamCond | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the headlines text style font family parameter. */
|
|
348
|
+
public static let HeadlineFontFamily = "Lucida Grande"
|
|
349
|
+
/** Bild: GothamCond | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the subheadlines text style font family parameter. */
|
|
350
|
+
public static let SubheadlineFontFamily = "Lucida Grande"
|
|
351
|
+
/** Bild: GothamXNarrow | SpoBi: Inter | Ads: LucidaGrande | This variable is used in the body text style font family parameter. */
|
|
352
|
+
public static let BodyFontFamily = "Lucida Grande"
|
|
353
|
+
/** Bild: GothamXNarrow | SpoBi: Inter | Ads: LucidaGrande | This variable is used in the footnotes text style font family parameter. */
|
|
354
|
+
public static let FootnoteFontFamily = "Lucida Grande"
|
|
355
|
+
/** Bild: GothamXNarrow | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the labels text styles font family parameter. */
|
|
356
|
+
public static let LabelFontFamily = "Lucida Grande"
|
|
357
|
+
/** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the quotes text style font family parameter. */
|
|
358
|
+
public static let QuoteFontFamily = "Lucida Grande"
|
|
359
|
+
/** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the titles text style font family parameter. */
|
|
360
|
+
public static let TitleFontFamily = "Lucida Grande"
|
|
361
|
+
/** Bild: Gotham | SpoBi: AntennaCond | Ads: LucidaGrande | This variable is used in the callouts text style font family parameter. */
|
|
362
|
+
public static let CalloutFontFamily = "Lucida Grande"
|
|
511
363
|
|
|
512
364
|
// MARK: - Global - Visibilty
|
|
513
365
|
public static let HideOnBild = true
|
|
@@ -518,6 +370,154 @@ public class Brandtokenmapping {
|
|
|
518
370
|
public static let OnlySportBild = false
|
|
519
371
|
|
|
520
372
|
|
|
373
|
+
// MARK: - ============================================
|
|
374
|
+
// MARK: - COMPONENT
|
|
375
|
+
// MARK: - ============================================
|
|
376
|
+
|
|
377
|
+
// MARK: - Component - Article - FontSize
|
|
378
|
+
/** --article-figure-caption-font-size-sm */
|
|
379
|
+
public static let ArticleImageCaptionFontSizeXs = "13px"
|
|
380
|
+
/** --article-figure-caption-font-size-md */
|
|
381
|
+
public static let ArticleImageCaptionFontSizeMd = "13px"
|
|
382
|
+
/** --article-figure-caption-font-size-lg */
|
|
383
|
+
public static let ArticleImageCaptionFontSizeLg = "16px"
|
|
384
|
+
/** --article-figure-caption-font-size-sm */
|
|
385
|
+
public static let ArticleImageCaptionFontSizeSm = "13px"
|
|
386
|
+
/** --article-figure-meta-font-size-sm */
|
|
387
|
+
public static let ArticleImageSourceFontSizeXs = "13px"
|
|
388
|
+
/** --article-figure-meta-font-size-sm */
|
|
389
|
+
public static let ArticleImageSourceFontSizeSm = "13px"
|
|
390
|
+
/** --article-figure-meta-font-size-sm */
|
|
391
|
+
public static let ArticleImageSourceFontSizeMd = "13px"
|
|
392
|
+
/** --article-figure-meta-font-size-lg */
|
|
393
|
+
public static let ArticleImageSourceFontSizeLg = "16px"
|
|
394
|
+
|
|
395
|
+
// MARK: - Component - Article - LineHeight
|
|
396
|
+
/** --article-figure-caption-line-height-sm ; Bild: 19.5 // SpoBi: 16.9 // Ad: 19.5 */
|
|
397
|
+
public static let ArticleImageCaptionLineHeightXs = "19.5px"
|
|
398
|
+
/** --article-figure-caption-line-height-md ; Bild: 24.75 // SpoBi: 16.9 // Ad: 19.5 */
|
|
399
|
+
public static let ArticleImageCaptionLineHeightMd = "19.5px"
|
|
400
|
+
/** --article-figure-caption-line-height-lg ; Bild: 24.75 // SpoBi: 19.5 // Ad: 24 */
|
|
401
|
+
public static let ArticleImageCaptionLineHeightLg = "24px"
|
|
402
|
+
/** --article-figure-caption-line-height-sm ; Bild: 19.5 // SpoBi: 16.9 // Ad: 19.5 */
|
|
403
|
+
public static let ArticleImageCaptionLineHeightSm = "19.5px"
|
|
404
|
+
/** --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19 */
|
|
405
|
+
public static let ArticleImageSourceLineHeightMd = "19px"
|
|
406
|
+
/** --article-figure-meta-line-height-lg ; Bild: 23 // SpoBi: 19 // Ad: 24 */
|
|
407
|
+
public static let ArticleImageSourceLineHeightLg = "24px"
|
|
408
|
+
/** --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19 */
|
|
409
|
+
public static let ArticleImageSourceLineHeightXs = "19px"
|
|
410
|
+
/** --article-figure-meta-line-height-sm ; Bild: 21 // SpoBi: 17 // Ad: 19 */
|
|
411
|
+
public static let ArticleImageSourceLineHeightSm = "19px"
|
|
412
|
+
|
|
413
|
+
// MARK: - Component - Breadcrumb - FontSize
|
|
414
|
+
/** --breadcrumb-font-size-sm */
|
|
415
|
+
public static let BreadcrumbFontSizeXs = "15px"
|
|
416
|
+
/** --breadcrumb-font-size-sm */
|
|
417
|
+
public static let BreadcrumbFontSizeSm = "15px"
|
|
418
|
+
/** --breadcrumb-font-size-sm */
|
|
419
|
+
public static let BreadcrumbFontSizeMd = "15px"
|
|
420
|
+
/** --breadcrumb-font-size-lg */
|
|
421
|
+
public static let BreadcrumbFontSizeLg = "12px"
|
|
422
|
+
|
|
423
|
+
// MARK: - Component - Breadcrumb - LineHeight
|
|
424
|
+
/** not defined as variable */
|
|
425
|
+
public static let BreadcrumbLineHeightXs = "15px"
|
|
426
|
+
/** not defined as variable */
|
|
427
|
+
public static let BreadcrumbLineHeightSm = "15px"
|
|
428
|
+
/** not defined as variable */
|
|
429
|
+
public static let BreadcrumbLineHeightMd = "15px"
|
|
430
|
+
/** not defined as variable */
|
|
431
|
+
public static let BreadcrumbLineHeightLg = "12px"
|
|
432
|
+
|
|
433
|
+
// MARK: - Component - Breadcrumb - FontFamily
|
|
434
|
+
/** --breadcrumb-font */
|
|
435
|
+
public static let BreadcrumbFontFamily = "Lucida Grande"
|
|
436
|
+
|
|
437
|
+
// MARK: - Component - Breadcrumb - FontWeight
|
|
438
|
+
/** --breadcrumb-font-size-sm */
|
|
439
|
+
public static let BreadcrumbFontWeight = 700
|
|
440
|
+
|
|
441
|
+
// MARK: - Component - Menu
|
|
442
|
+
/** --nav-btn-font-size */
|
|
443
|
+
public static let MenuItemFontSize = "15px"
|
|
444
|
+
/** --caption-1-font-size-md */
|
|
445
|
+
public static let AppTopBarTitleFontSizeMd = "14px"
|
|
446
|
+
/** --caption-1-font-size-lg */
|
|
447
|
+
public static let AppTopBarTitleFontSizeLg = "14px"
|
|
448
|
+
/** --caption-1-font-size-sm */
|
|
449
|
+
public static let AppTopBarTitleFontSizeXs = "12px"
|
|
450
|
+
/** --caption-1-font-size-sm */
|
|
451
|
+
public static let AppTopBarTitleFontSizeSm = "12px"
|
|
452
|
+
public static let AppTopBarTitleLineHeightMd = "17px"
|
|
453
|
+
public static let AppTopBarTitleLineHeightLg = "17px"
|
|
454
|
+
public static let AppTopBarTitleLineHeightXs = "14px"
|
|
455
|
+
public static let AppTopBarTitleLineHeightSm = "14px"
|
|
456
|
+
public static let MenuItemFontWeight = "700"
|
|
457
|
+
|
|
458
|
+
// MARK: - Component - Teaser
|
|
459
|
+
/** --teaser-title-padding-lg */
|
|
460
|
+
public static let TeaserTitleInlineSpaceLg = "12px"
|
|
461
|
+
/** --teaser-title-padding-md */
|
|
462
|
+
public static let TeaserTitleInlineSpaceMd = "12px"
|
|
463
|
+
/** --teaser-title-padding-sm */
|
|
464
|
+
public static let TeaserTitleInlineSpaceSm = "8px"
|
|
465
|
+
/** --teaser-title-padding-xs */
|
|
466
|
+
public static let TeaserTitleInlineSpaceXs = "8px"
|
|
467
|
+
|
|
468
|
+
// MARK: - Component - Teaser - Quad
|
|
469
|
+
public static let QTeaserTitleInlineSpaceLg = "12px"
|
|
470
|
+
public static let QTeaserTitleInlineSpaceMd = "16px"
|
|
471
|
+
public static let QTeaserTitleInlineSpaceSm = "8px"
|
|
472
|
+
public static let QTeaserTitleInlineSpaceXs = "8px"
|
|
473
|
+
|
|
474
|
+
// MARK: - Component - Teaser - aTeaser
|
|
475
|
+
public static let ATeaserTitleInlineSpaceLg = "12px"
|
|
476
|
+
public static let ATeaserTitleInlineSpaceMd = "12px"
|
|
477
|
+
public static let ATeaserTitleInlineSpaceXs = "8px"
|
|
478
|
+
public static let ATeaserTitleInlineSpaceSm = "8px"
|
|
479
|
+
|
|
480
|
+
// MARK: - Component - Teaser - bTeaser
|
|
481
|
+
public static let BTeaserTitleInlineSpace = "8px"
|
|
482
|
+
|
|
483
|
+
// MARK: - Component - Teaser - 2xaTeaser
|
|
484
|
+
public static let _2xaTeaserTitleInlineSpace = "8px"
|
|
485
|
+
|
|
486
|
+
// MARK: - Component - Teaser - miniQ
|
|
487
|
+
public static let MiniQteaserTitleInlineSpaceMd = "8px"
|
|
488
|
+
public static let MiniQteaserTitleInlineSpaceLg = "8px"
|
|
489
|
+
public static let MiniQteaserTitleInlineSpaceSm = "8px"
|
|
490
|
+
public static let MiniQteaserTitleInlineSpaceXs = "8px"
|
|
491
|
+
|
|
492
|
+
// MARK: - Component - Teaser - superA
|
|
493
|
+
public static let SuperAteaserTitleInlineSpace = "16px"
|
|
494
|
+
|
|
495
|
+
// MARK: - Component - Avatar
|
|
496
|
+
/** current css 09-2025 --article-author-font // Bild: GothamXNarrow; SpoBi: Inter; Ads: LucidaGrande */
|
|
497
|
+
public static let AvatarFontFamily = "Lucida Grande"
|
|
498
|
+
/** 09-2025 css using footnote var for font sizes SM & LG // Bild: 16; SpoBi: 13; Ads: 13 */
|
|
499
|
+
public static let AvatarFontSizeSm = "13px"
|
|
500
|
+
/** 09-2025 css using footnote var for font sizes SM & LG // Bild: 18; SpoBi: 15; Ads: 15 */
|
|
501
|
+
public static let AvatarFontSizeLg = "15px"
|
|
502
|
+
|
|
503
|
+
// MARK: - Component - BreakingNews
|
|
504
|
+
public static let BreakingNewsContentFontSize = "21px"
|
|
505
|
+
|
|
506
|
+
// MARK: - Component - Accordion
|
|
507
|
+
public static let AccordionLabelFontFamily = "Lucida Grande"
|
|
508
|
+
|
|
509
|
+
// MARK: - Component - Footer
|
|
510
|
+
public static let FooterLinkFontFamily = "Gotham XNarrow"
|
|
511
|
+
|
|
512
|
+
// MARK: - Component - MediaPlayer
|
|
513
|
+
public static let VideoTimeBadgeFontFamily = "Lucida Grande"
|
|
514
|
+
|
|
515
|
+
// MARK: - Component - Inputfield
|
|
516
|
+
public static let InputFieldLabelFontFamily = "Lucida Grande"
|
|
517
|
+
|
|
518
|
+
public static let ButtonLabelFontWeightSt = "600"
|
|
519
|
+
|
|
520
|
+
|
|
521
521
|
// MARK: - ============================================
|
|
522
522
|
// MARK: - OTHER
|
|
523
523
|
// MARK: - ============================================
|