feat(content-block): update title font - FRONT-3777 (#2666)

ec-europa · Oct 17, 2022 · 8baef6c · 8baef6c · github-actions · Oct 17, 2022
1 parent 19f1bd8
commit 8baef6c
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/src/implementations/vanilla/components/content-block/_content-block.scss b/src/implementations/vanilla/components/content-block/_content-block.scss
@@ -10,6 +10,7 @@
 
 $_primary-meta-color: null !default;
 $_title-font: null !default;
+$_title-font-weight: null !default;
 $_text-color: null !default;
 $_secondary-meta-color: null !default;
 $_secondary-meta-icon-color: null !default;
@@ -65,7 +66,7 @@ $_link-separator-color: null !default;
 .ecl-content-block__title {
   color: $_text-color;
   font: map.get($_title-font, 'mobile');
-  font-weight: map.get(theme.$font-weight, 'bold');
+  font-weight: $_title-font-weight;
   margin: map.get(theme.$spacing, 'xs') 0 0;
   max-width: 80ch;
 }
@@ -172,6 +173,6 @@ $_link-separator-color: null !default;
 @include breakpoints.up('l') {
   .ecl-content-block__title {
     font: map.get($_title-font, 'desktop');
-    font-weight: map.get(theme.$font-weight, 'bold');
+    font-weight: $_title-font-weight;
   }
 }
diff --git a/src/implementations/vanilla/components/content-block/content-block-ec.scss b/src/implementations/vanilla/components/content-block/content-block-ec.scss
@@ -6,6 +6,7 @@
     'mobile': map.get(theme.$font-prolonged, 'l'),
     'desktop': map.get(theme.$font, 'xl'),
   ),
+  $_title-font-weight: map.get(theme.$font-weight, 'bold'),
   $_text-color: map.get(theme.$color, 'grey-100'),
   $_secondary-meta-color: map.get(theme.$color, 'grey-75'),
   $_secondary-meta-icon-color: map.get(theme.$color, 'grey-75'),

diff --git a/src/implementations/vanilla/components/content-block/content-block-eu.scss b/src/implementations/vanilla/components/content-block/content-block-eu.scss
@@ -4,8 +4,9 @@
   $_primary-meta-color: map.get(theme.$color, 'grey-140'),
   $_title-font: (
     'mobile': map.get(theme.$font, 'xl'),
-    'desktop': map.get(theme.$font, '2xl'),
+    'desktop': map.get(theme.$font, 'xl'),
   ),
+  $_title-font-weight: map.get(theme.$font-weight, 'regular'),
   $_text-color: map.get(theme.$color, 'grey-140'),
   $_secondary-meta-color: map.get(theme.$color, 'grey-80'),
   $_secondary-meta-icon-color: map.get(theme.$color, 'blue-50'),