@marioschmidt/design-system-tokens 1.0.79 → 1.2.0

package/dist/json/shared/fontprimitive.json

@@ -1436,6 +1436,74 @@
         "FontWeightString",
         "stFontWeightBlackItalic"
       ]
+    },
+    "stFontWeightStBookItalic": {
+      "$value": 400,
+      "value": 400,
+      "type": "string",
+      "$extensions": {
+        "com.figma": {
+          "collectionId": "VariableCollectionId:470:1450",
+          "collectionName": "_FontPrimitive",
+          "variableId": "VariableID:21897:301632"
+        }
+      },
+      "$type": "fontWeight",
+      "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/fontprimitive.json",
+      "isSource": true,
+      "original": {
+        "$value": 400,
+        "value": 400,
+        "type": "string",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:470:1450",
+            "collectionName": "_FontPrimitive",
+            "variableId": "VariableID:21897:301632"
+          }
+        },
+        "$type": "fontWeight"
+      },
+      "name": "stFontWeightStBookItalic",
+      "attributes": {},
+      "path": [
+        "FontWeightString",
+        "stFontWeightStBookItalic"
+      ]
+    },
+    "stFontWeightLightItalicSt": {
+      "$value": 300,
+      "value": 300,
+      "type": "string",
+      "$extensions": {
+        "com.figma": {
+          "collectionId": "VariableCollectionId:470:1450",
+          "collectionName": "_FontPrimitive",
+          "variableId": "VariableID:21898:301643"
+        }
+      },
+      "$type": "fontWeight",
+      "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/fontprimitive.json",
+      "isSource": true,
+      "original": {
+        "$value": 300,
+        "value": 300,
+        "type": "string",
+        "$extensions": {
+          "com.figma": {
+            "collectionId": "VariableCollectionId:470:1450",
+            "collectionName": "_FontPrimitive",
+            "variableId": "VariableID:21898:301643"
+          }
+        },
+        "$type": "fontWeight"
+      },
+      "name": "stFontWeightLightItalicSt",
+      "attributes": {},
+      "path": [
+        "FontWeightString",
+        "stFontWeightLightItalicSt"
+      ]
     }
   }
 }

package/dist/json/shared/sizeprimitive.json

@@ -1615,5 +1615,38 @@
     "path": [
       "size0p125x"
     ]
+  },
+  "size5p5x": {
+    "$value": "44px",
+    "value": 44,
+    "type": "float",
+    "$extensions": {
+      "com.figma": {
+        "collectionId": "VariableCollectionId:4072:1817",
+        "collectionName": "_SizePrimitive",
+        "variableId": "VariableID:21978:16787"
+      }
+    },
+    "$type": "dimension",
+    "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/packages/tokens/.tokens/shared/sizeprimitive.json",
+    "isSource": true,
+    "original": {
+      "$value": 44,
+      "value": 44,
+      "type": "float",
+      "$extensions": {
+        "com.figma": {
+          "collectionId": "VariableCollectionId:4072:1817",
+          "collectionName": "_SizePrimitive",
+          "variableId": "VariableID:21978:16787"
+        }
+      },
+      "$type": "dimension"
+    },
+    "name": "size5p5x",
+    "attributes": {},
+    "path": [
+      "size5p5x"
+    ]
   }
 }

package/dist/manifest.json

@@ -1,18 +1,18 @@
 {
-  "generated": "2025-12-16T15:57:56.662Z",
+  "generated": "2026-01-07T15:25:44.399Z",
   "version": "2.0.0",
   "statistics": {
     "sharedPrimitives": {
-      "total": 4,
-      "successful": 4
+      "total": 5,
+      "successful": 5
     },
     "brandSpecific": {
       "totalBuilds": 25,
       "successfulBuilds": 25
     },
     "componentTokens": {
-      "totalBuilds": 874,
-      "successfulBuilds": 874
+      "totalBuilds": 860,
+      "successfulBuilds": 860
     },
     "typographyTokens": {
       "totalBuilds": 12,
@@ -23,8 +23,8 @@
       "successfulBuilds": 4
     },
     "responsiveCSS": {
-      "totalConversions": 189,
-      "successfulConversions": 189
+      "totalConversions": 186,
+      "successfulConversions": 186
     }
   },
   "structure": {

package/dist/scss/brands/advertorial/components/.DSDocsStyles/.dsdocsstyles-typography-lg.scss

@@ -1,11 +1,11 @@
 // Do not edit directly, this file was auto-generated.
 //
-// BILD Design System Tokens v1.0.79
+// BILD Design System Tokens v1.2.0
 // Generated by Style Dictionary v4.2.0
 //
 // Brand: Advertorial | Context: Breakpoint: lg
 //
-// Copyright (c) 2025 Axel Springer Deutschland GmbH
+// Copyright (c) 2026 Axel Springer Deutschland GmbH
 // Proprietary and confidential. All rights reserved.
 //
 // Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
@@ -13,6 +13,14 @@
 // OTHER
 // ============================================
 
+/** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size changes across device sizes: 10 - 10 - 15 - 17 */
+$doc-label-bold-resp: (
+  font-family: Lucida Grande,
+  font-weight: 700,
+  font-size: 17px,
+  line-height: UNRESOLVED_VariableID:18038:10776,
+  letter-spacing: 0.25px,
+);
 $page-header-description: (
   font-family: Lucida Grande,
   font-weight: 700,
@@ -40,14 +48,6 @@ $bild-design-side-menu-hover: (
   font-family: Gotham XNarrow,
   font-weight: 600,
 );
-/** This text style is only used for mockups the vertical video component teaser headlines. */
-$vertical-videos-mock-headlines: (
-  font-family: Gotham Condensed,
-  font-weight: 600,
-  font-size: 32px,
-  line-height: 32px,
-  text-decoration: underline,
-);
 /** This text style is used on documentation pages that contain some token information. */
 $token-spec-l: (
   font-family: Source Code Pro,

package/dist/scss/brands/advertorial/components/.DSDocsStyles/.dsdocsstyles-typography-md.scss

@@ -1,11 +1,11 @@
 // Do not edit directly, this file was auto-generated.
 //
-// BILD Design System Tokens v1.0.79
+// BILD Design System Tokens v1.2.0
 // Generated by Style Dictionary v4.2.0
 //
 // Brand: Advertorial | Context: Breakpoint: md
 //
-// Copyright (c) 2025 Axel Springer Deutschland GmbH
+// Copyright (c) 2026 Axel Springer Deutschland GmbH
 // Proprietary and confidential. All rights reserved.
 //
 // Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
@@ -13,6 +13,14 @@
 // OTHER
 // ============================================
 
+/** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size changes across device sizes: 10 - 10 - 15 - 17 */
+$doc-label-bold-resp: (
+  font-family: Lucida Grande,
+  font-weight: 700,
+  font-size: 15px,
+  line-height: UNRESOLVED_VariableID:18038:10775,
+  letter-spacing: 0.25px,
+);
 $page-header-description: (
   font-family: Lucida Grande,
   font-weight: 700,
@@ -40,14 +48,6 @@ $bild-design-side-menu-hover: (
   font-family: Gotham XNarrow,
   font-weight: 600,
 );
-/** This text style is only used for mockups the vertical video component teaser headlines. */
-$vertical-videos-mock-headlines: (
-  font-family: Gotham Condensed,
-  font-weight: 600,
-  font-size: 32px,
-  line-height: 32px,
-  text-decoration: underline,
-);
 /** This text style is used on documentation pages that contain some token information. */
 $token-spec-l: (
   font-family: Source Code Pro,

package/dist/scss/brands/advertorial/components/.DSDocsStyles/.dsdocsstyles-typography-sm.scss

@@ -1,11 +1,11 @@
 // Do not edit directly, this file was auto-generated.
 //
-// BILD Design System Tokens v1.0.79
+// BILD Design System Tokens v1.2.0
 // Generated by Style Dictionary v4.2.0
 //
 // Brand: Advertorial | Context: Breakpoint: sm
 //
-// Copyright (c) 2025 Axel Springer Deutschland GmbH
+// Copyright (c) 2026 Axel Springer Deutschland GmbH
 // Proprietary and confidential. All rights reserved.
 //
 // Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
@@ -13,6 +13,14 @@
 // OTHER
 // ============================================
 
+/** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size changes across device sizes: 10 - 10 - 15 - 17 */
+$doc-label-bold-resp: (
+  font-family: Lucida Grande,
+  font-weight: 700,
+  font-size: 10px,
+  line-height: UNRESOLVED_VariableID:18038:10774,
+  letter-spacing: 0.25px,
+);
 $page-header-description: (
   font-family: Lucida Grande,
   font-weight: 700,
@@ -40,14 +48,6 @@ $bild-design-side-menu-hover: (
   font-family: Gotham XNarrow,
   font-weight: 600,
 );
-/** This text style is only used for mockups the vertical video component teaser headlines. */
-$vertical-videos-mock-headlines: (
-  font-family: Gotham Condensed,
-  font-weight: 600,
-  font-size: 22px,
-  line-height: 22px,
-  text-decoration: underline,
-);
 /** This text style is used on documentation pages that contain some token information. */
 $token-spec-l: (
   font-family: Source Code Pro,

package/dist/scss/brands/advertorial/components/.DSDocsStyles/.dsdocsstyles-typography-xs.scss

@@ -1,11 +1,11 @@
 // Do not edit directly, this file was auto-generated.
 //
-// BILD Design System Tokens v1.0.79
+// BILD Design System Tokens v1.2.0
 // Generated by Style Dictionary v4.2.0
 //
 // Brand: Advertorial | Context: Breakpoint: xs
 //
-// Copyright (c) 2025 Axel Springer Deutschland GmbH
+// Copyright (c) 2026 Axel Springer Deutschland GmbH
 // Proprietary and confidential. All rights reserved.
 //
 // Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
@@ -13,6 +13,14 @@
 // OTHER
 // ============================================
 
+/** Labels identify interface elements such as form fields, buttons, or navigation items. They ensure clarity and usability in functional contexts. This text style should be chosen when shorter small identifier texts in a small font size is needed where as the footnote text style should be used for longer descriptive texts. This text style's font size changes across device sizes: 10 - 10 - 15 - 17 */
+$doc-label-bold-resp: (
+  font-family: Lucida Grande,
+  font-weight: 700,
+  font-size: 10px,
+  line-height: UNRESOLVED_VariableID:18038:10773,
+  letter-spacing: 0.25px,
+);
 $page-header-description: (
   font-family: Lucida Grande,
   font-weight: 700,
@@ -40,14 +48,6 @@ $bild-design-side-menu-hover: (
   font-family: Gotham XNarrow,
   font-weight: 600,
 );
-/** This text style is only used for mockups the vertical video component teaser headlines. */
-$vertical-videos-mock-headlines: (
-  font-family: Gotham Condensed,
-  font-weight: 600,
-  font-size: 22px,
-  line-height: 22px,
-  text-decoration: underline,
-);
 /** This text style is used on documentation pages that contain some token information. */
 $token-spec-l: (
   font-family: Source Code Pro,

package/dist/scss/brands/advertorial/components/Article/article-breakpoint-lg-1024px-regular.scss

@@ -1,47 +1,63 @@
 // Do not edit directly, this file was auto-generated.
 //
-// BILD Design System Tokens v1.0.79
+// BILD Design System Tokens v1.2.0
 // Generated by Style Dictionary v4.2.0
 //
-// Copyright (c) 2025 Axel Springer Deutschland GmbH
+// Copyright (c) 2026 Axel Springer Deutschland GmbH
 // Proprietary and confidential. All rights reserved.
 //
 // Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
 // ============================================
-// OTHER
+// SPACE
 // ============================================
 
 $aricle-mobile-1-col-grid-image-margin-space: 72px;
 // 8 | 8 | 12 | 16 - This space variable is used at the top edge of the article main content bounding box.
-$article-top-margin-space: 16px;
+$article-top-margin-space: 12px;
+// 16 - 16 - 24 - 32 - This variable creates the vertical spacing between different article body elements such as avatars, media players, corssheadings, paragraphs, field sets, images, tables, quotes, videos, social embeds, etc.
+$article-content-stack-space: 24px;
+// 12 | 12 | 12 | 16 - This spacing variable is used for the space between article page heading kickers, headlines and subheadlines. XS&SM need review; correct value might be 8
+$article-headings-stack-space: 16px;
+$article-image-landscape-inline-space: 16px;
+// 16 | 16 | 72 | 162 - This variable is used for making the left and right spacings around article content blocks. Current css has the article-body class assigned to a div and article body contains these horizontal padding values.
+$article-content-inline-space: 162px;
+// 16 | 16 | 72 | 16 - This variable is used for the left and right space within the article page headings container which holds the article page kicker, headline and subheadline.
+$article-headings-inline-space: 16px;
+$article-image-portait-inline-space: 162px;
+$article-image-container-stack-space: 12px;
+$article-infobox-inline-space: 32px;
+$article-infobox-stack-space: 24px;
+
+
+// ============================================
+// FONTSIZE
+// ============================================
+
 // This variable is used to control the font size of kickers in the heading section of article pages. 18 - 18 - 22 - 30
 $article-kicker-font-size: 25px;
 // 40 - 40 - 72 - 100 - This variable uses the semantic variables headline2 for XS&SM, headline1 for MD&LG
 $article-headline-font-size: 70px;
-// same as standard teaser width size variable
-$article-gallery-ateaser-width: 300px;
 // CSS --article-figure-meta-font-size 16-16-18-18
 $article-image-caption-font-size: 16px;
 // NMT CSS --article-figure-meta-font-size
 $article-image-source-font-size: 16px;
+// This variable is used on the font size of article day&time stamp that usually shows up along with the article author avatars. On app versions this variable is used for the avatar names. 12 - 12 - 14 - 16
+$article-meta-font-size: 16px;
+
+
+// ============================================
+// LINEHEIGHT
+// ============================================
+
 // this component level variable references the branding variables
 $article-image-caption-line-height: 24px;
 $article-image-source-line-height: 24px;
-// 16 - 16 - 24 - 32 - This variable creates the vertical spacing between different article body elements such as avatars, media players, corssheadings, paragraphs, field sets, images, tables, quotes, videos, social embeds, etc.
-$article-content-stack-space: 32px;
-// 12 | 12 | 12 | 16 - This spacing variable is used for the space between article page heading kickers, headlines and subheadlines. XS&SM need review; correct value might be 8
-$article-headings-stack-space: 16px;
-$article-image-landscape-inline-space: 16px;
+
+
+// ============================================
+// FONTFAMILY
+// ============================================
+
 // This variable is used on the font size of article day&time stamp that usually shows up along with the article author avatars. On app versions this variable is used for the avatar names. This variable references variables from the branding collection.
 $article-meta-font-family: Lucida Grande;
-// This variable is used on the font size of article day&time stamp that usually shows up along with the article author avatars. On app versions this variable is used for the avatar names. 12 - 12 - 14 - 16
-$article-meta-font-size: 16px;
-// 16 | 16 | 72 | 162 - This variable is used for making the left and right spacings around article content blocks. Current css has the article-body class assigned to a div and article body contains these horizontal padding values.
-$article-content-inline-space: 162px;
-// 16 | 16 | 72 | 16 - This variable is used for the left and right space within the article page headings container which holds the article page kicker, headline and subheadline.
-$article-headings-inline-space: 16px;
-$article-image-portait-inline-space: 162px;
-$article-image-container-stack-space: 16px;
-$article-infobox-inline-space: 32px;
-$article-infobox-stack-space: 32px;
 

package/dist/scss/brands/advertorial/components/Article/article-breakpoint-md-600px.scss

@@ -1,47 +1,63 @@
 // Do not edit directly, this file was auto-generated.
 //
-// BILD Design System Tokens v1.0.79
+// BILD Design System Tokens v1.2.0
 // Generated by Style Dictionary v4.2.0
 //
-// Copyright (c) 2025 Axel Springer Deutschland GmbH
+// Copyright (c) 2026 Axel Springer Deutschland GmbH
 // Proprietary and confidential. All rights reserved.
 //
 // Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
 // ============================================
-// OTHER
+// SPACE
 // ============================================
 
 $aricle-mobile-1-col-grid-image-margin-space: 72px;
 // 8 | 8 | 12 | 16 - This space variable is used at the top edge of the article main content bounding box.
-$article-top-margin-space: 12px;
+$article-top-margin-space: 8px;
+// 16 - 16 - 24 - 32 - This variable creates the vertical spacing between different article body elements such as avatars, media players, corssheadings, paragraphs, field sets, images, tables, quotes, videos, social embeds, etc.
+$article-content-stack-space: 16px;
+// 12 | 12 | 12 | 16 - This spacing variable is used for the space between article page heading kickers, headlines and subheadlines. XS&SM need review; correct value might be 8
+$article-headings-stack-space: 12px;
+$article-image-landscape-inline-space: 12px;
+// 16 | 16 | 72 | 162 - This variable is used for making the left and right spacings around article content blocks. Current css has the article-body class assigned to a div and article body contains these horizontal padding values.
+$article-content-inline-space: 72px;
+// 16 | 16 | 72 | 16 - This variable is used for the left and right space within the article page headings container which holds the article page kicker, headline and subheadline.
+$article-headings-inline-space: 72px;
+$article-image-portait-inline-space: 72px;
+$article-image-container-stack-space: 8px;
+$article-infobox-inline-space: 24px;
+$article-infobox-stack-space: 16px;
+
+
+// ============================================
+// FONTSIZE
+// ============================================
+
 // This variable is used to control the font size of kickers in the heading section of article pages. 18 - 18 - 22 - 30
 $article-kicker-font-size: 18px;
 // 40 - 40 - 72 - 100 - This variable uses the semantic variables headline2 for XS&SM, headline1 for MD&LG
 $article-headline-font-size: 54px;
-// same as standard teaser width size variable
-$article-gallery-ateaser-width: 260px;
 // CSS --article-figure-meta-font-size 16-16-18-18
 $article-image-caption-font-size: 13px;
 // NMT CSS --article-figure-meta-font-size
 $article-image-source-font-size: 13px;
+// This variable is used on the font size of article day&time stamp that usually shows up along with the article author avatars. On app versions this variable is used for the avatar names. 12 - 12 - 14 - 16
+$article-meta-font-size: 14px;
+
+
+// ============================================
+// LINEHEIGHT
+// ============================================
+
 // this component level variable references the branding variables
 $article-image-caption-line-height: 19.5px;
 $article-image-source-line-height: 19px;
-// 16 - 16 - 24 - 32 - This variable creates the vertical spacing between different article body elements such as avatars, media players, corssheadings, paragraphs, field sets, images, tables, quotes, videos, social embeds, etc.
-$article-content-stack-space: 24px;
-// 12 | 12 | 12 | 16 - This spacing variable is used for the space between article page heading kickers, headlines and subheadlines. XS&SM need review; correct value might be 8
-$article-headings-stack-space: 12px;
-$article-image-landscape-inline-space: 12px;
+
+
+// ============================================
+// FONTFAMILY
+// ============================================
+
 // This variable is used on the font size of article day&time stamp that usually shows up along with the article author avatars. On app versions this variable is used for the avatar names. This variable references variables from the branding collection.
 $article-meta-font-family: Lucida Grande;
-// This variable is used on the font size of article day&time stamp that usually shows up along with the article author avatars. On app versions this variable is used for the avatar names. 12 - 12 - 14 - 16
-$article-meta-font-size: 14px;
-// 16 | 16 | 72 | 162 - This variable is used for making the left and right spacings around article content blocks. Current css has the article-body class assigned to a div and article body contains these horizontal padding values.
-$article-content-inline-space: 72px;
-// 16 | 16 | 72 | 16 - This variable is used for the left and right space within the article page headings container which holds the article page kicker, headline and subheadline.
-$article-headings-inline-space: 72px;
-$article-image-portait-inline-space: 72px;
-$article-image-container-stack-space: 12px;
-$article-infobox-inline-space: 24px;
-$article-infobox-stack-space: 24px;
 

package/dist/scss/brands/advertorial/components/Article/article-breakpoint-sm-390px-compact.scss

@@ -1,47 +1,63 @@
 // Do not edit directly, this file was auto-generated.
 //
-// BILD Design System Tokens v1.0.79
+// BILD Design System Tokens v1.2.0
 // Generated by Style Dictionary v4.2.0
 //
-// Copyright (c) 2025 Axel Springer Deutschland GmbH
+// Copyright (c) 2026 Axel Springer Deutschland GmbH
 // Proprietary and confidential. All rights reserved.
 //
 // Documentation: https://github.com/UXWizard25/vv-token-test-v3/blob/main/packages/tokens/docs/css.md
 // ============================================
-// OTHER
+// SPACE
 // ============================================
 
 $aricle-mobile-1-col-grid-image-margin-space: 0px;
 // 8 | 8 | 12 | 16 - This space variable is used at the top edge of the article main content bounding box.
-$article-top-margin-space: 8px;
+$article-top-margin-space: 6px;
+// 16 - 16 - 24 - 32 - This variable creates the vertical spacing between different article body elements such as avatars, media players, corssheadings, paragraphs, field sets, images, tables, quotes, videos, social embeds, etc.
+$article-content-stack-space: 12px;
+// 12 | 12 | 12 | 16 - This spacing variable is used for the space between article page heading kickers, headlines and subheadlines. XS&SM need review; correct value might be 8
+$article-headings-stack-space: 12px;
+$article-image-landscape-inline-space: 0px;
+// 16 | 16 | 72 | 162 - This variable is used for making the left and right spacings around article content blocks. Current css has the article-body class assigned to a div and article body contains these horizontal padding values.
+$article-content-inline-space: 16px;
+// 16 | 16 | 72 | 16 - This variable is used for the left and right space within the article page headings container which holds the article page kicker, headline and subheadline.
+$article-headings-inline-space: 16px;
+$article-image-portait-inline-space: 0px;
+$article-image-container-stack-space: 6px;
+$article-infobox-inline-space: 16px;
+$article-infobox-stack-space: 12px;
+
+
+// ============================================
+// FONTSIZE
+// ============================================
+
 // This variable is used to control the font size of kickers in the heading section of article pages. 18 - 18 - 22 - 30
 $article-kicker-font-size: 16px;
 // 40 - 40 - 72 - 100 - This variable uses the semantic variables headline2 for XS&SM, headline1 for MD&LG
 $article-headline-font-size: 30px;
-// same as standard teaser width size variable
-$article-gallery-ateaser-width: 145px;
 // CSS --article-figure-meta-font-size 16-16-18-18
 $article-image-caption-font-size: 13px;
 // NMT CSS --article-figure-meta-font-size
 $article-image-source-font-size: 13px;
+// This variable is used on the font size of article day&time stamp that usually shows up along with the article author avatars. On app versions this variable is used for the avatar names. 12 - 12 - 14 - 16
+$article-meta-font-size: 12px;
+
+
+// ============================================
+// LINEHEIGHT
+// ============================================
+
 // this component level variable references the branding variables
 $article-image-caption-line-height: 19.5px;
 $article-image-source-line-height: 19px;
-// 16 - 16 - 24 - 32 - This variable creates the vertical spacing between different article body elements such as avatars, media players, corssheadings, paragraphs, field sets, images, tables, quotes, videos, social embeds, etc.
-$article-content-stack-space: 16px;
-// 12 | 12 | 12 | 16 - This spacing variable is used for the space between article page heading kickers, headlines and subheadlines. XS&SM need review; correct value might be 8
-$article-headings-stack-space: 12px;
-$article-image-landscape-inline-space: 0px;
+
+
+// ============================================
+// FONTFAMILY
+// ============================================
+
 // This variable is used on the font size of article day&time stamp that usually shows up along with the article author avatars. On app versions this variable is used for the avatar names. This variable references variables from the branding collection.
 $article-meta-font-family: Lucida Grande;
-// This variable is used on the font size of article day&time stamp that usually shows up along with the article author avatars. On app versions this variable is used for the avatar names. 12 - 12 - 14 - 16
-$article-meta-font-size: 12px;
-// 16 | 16 | 72 | 162 - This variable is used for making the left and right spacings around article content blocks. Current css has the article-body class assigned to a div and article body contains these horizontal padding values.
-$article-content-inline-space: 16px;
-// 16 | 16 | 72 | 16 - This variable is used for the left and right space within the article page headings container which holds the article page kicker, headline and subheadline.
-$article-headings-inline-space: 16px;
-$article-image-portait-inline-space: 0px;
-$article-image-container-stack-space: 8px;
-$article-infobox-inline-space: 16px;
-$article-infobox-stack-space: 16px;