width and font (#3590)

ec-europa · Aug 28, 2024 · 4da822e · 4da822e · github-actions · Aug 28, 2024
1 parent 4b86520
commit 4da822e
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 17 deletions.
diff --git a/src/implementations/vanilla/components/banner/banner-print.scss b/src/implementations/vanilla/components/banner/banner-print.scss
@@ -26,7 +26,8 @@ $banner-print: null !default;
   margin-bottom: 0;
 }
 
-.ecl-banner__title-link {
+.ecl-banner__title-link,
+.ecl-banner__description-link {
   color: var(--c-d);
 }
 

diff --git a/src/implementations/vanilla/components/banner/banner.scss b/src/implementations/vanilla/components/banner/banner.scss
@@ -233,16 +233,6 @@ $banner: null !default;
     padding-bottom: map.get($banner, 'container-padding-bottom', 'tablet');
     padding-top: map.get($banner, 'container-padding-top', 'tablet');
   }
-
-  .ecl-banner__title,
-  .ecl-banner__title-link {
-    font: map.get($banner, 'font', 'title', 'tablet');
-  }
-
-  .ecl-banner__description,
-  .ecl-banner__description-link {
-    font: map.get($banner, 'font', 'description', 'tablet');
-  }
 }
 
 /* stylelint-disable-next-line order/order */

diff --git a/src/themes/ec/variables/_banner.scss b/src/themes/ec/variables/_banner.scss
@@ -3,7 +3,7 @@
 
 $banner: (
   background-color: var(--c-n-40),
-  content-width: 37rem,
+  content-width: 42.5rem,
   content-background: var(--c-bg),
   content-padding: var(--s-l) var(--s-xl) var(--s-xl),
   container-padding-bottom: (
@@ -37,13 +37,11 @@ $banner: (
   font: (
     'title': (
       'mobile': var(--f-2xl),
-      'tablet': var(--f-4xl),
       'desktop-m': var(--f-3xl),
       'desktop-l': var(--f-4xl),
     ),
     'description': (
       'mobile': var(--f-xl),
-      'tablet': var(--f-3xl),
       'desktop-m': var(--f-xl),
       'desktop-l': var(--f-3xl),
     ),

diff --git a/src/themes/eu/variables/_banner.scss b/src/themes/eu/variables/_banner.scss
@@ -3,7 +3,7 @@
 
 $banner: (
   background-color: var(--c-p-5),
-  content-width: 37rem,
+  content-width: 42.5rem,
   content-background: map.get($color, 'white'),
   content-padding: var(--s-l) var(--s-l),
   container-padding-bottom: (
@@ -37,13 +37,11 @@ $banner: (
   font: (
     'title': (
       'mobile': var(--f-2xl),
-      'tablet': var(--f-5xl),
       'desktop-m': var(--f-4xl),
       'desktop-l': var(--f-5xl),
     ),
     'description': (
       'mobile': var(--f-xl),
-      'tablet': var(--f-4xl),
       'desktop-m': var(--f-2xl),
       'desktop-l': var(--f-4xl),
     ),