border radius (#3613)

Co-authored-by: planctus <davidepuntoferrante@gmail.com>
ec-europa · Sep 13, 2024 · bb537c1 · bb537c1 · github-actions · Sep 13, 2024
1 parent e8717cf
commit bb537c1
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 0 deletions.
diff --git a/src/implementations/vanilla/components/banner/banner.scss b/src/implementations/vanilla/components/banner/banner.scss
@@ -271,11 +271,13 @@ $banner: null !default;
 
   .ecl-banner__content {
     background-color: map.get($banner, 'content-background');
+    border-radius: map.get($banner, 'content-border-radius');
     max-width: map.get($banner, 'content-width');
     padding: map.get($banner, 'content-padding');
 
     .ecl-banner--box-bg-none & {
       background-color: transparent;
+      border-radius: 0;
       padding: 0;
     }
 

diff --git a/src/themes/ec/variables/_banner.scss b/src/themes/ec/variables/_banner.scss
@@ -5,6 +5,7 @@ $banner: (
   background-color: var(--c-n-40),
   content-width: 42.5rem,
   content-background: var(--c-bg),
+  content-border-radius: 0,
   content-padding: var(--s-l) var(--s-xl) var(--s-xl),
   container-padding-bottom: (
     'mobile': var(--s-xl),

diff --git a/src/themes/eu/variables/_banner.scss b/src/themes/eu/variables/_banner.scss
@@ -5,6 +5,7 @@ $banner: (
   background-color: var(--c-p-5),
   content-width: 42.5rem,
   content-background: map.get($color, 'white'),
+  content-border-radius: map.get($border-radius, 'm'),
   content-padding: var(--s-l) var(--s-l),
   container-padding-bottom: (
     'mobile': var(--s-l),