feat(featured-item): Feedback from designers, removing extra spacing …

…in simple variant in EC - FRONT-4652
ec-europa · Oct 16, 2024 · b91886b · b91886b
1 parent b51135f
commit b91886b
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 2 deletions.
diff --git a/src/implementations/vanilla/components/featured-item/featured-item.scss b/src/implementations/vanilla/components/featured-item/featured-item.scss
@@ -213,6 +213,18 @@ $featured-item: null !default;
         padding: map.get($featured-item, 'simple', 'media-padding-right');
       }
     }
+
+    .ecl-featured-item__item:only-child {
+      .ecl-featured-item__title,
+      .ecl-featured-item__description,
+      .ecl-featured-item__link {
+        margin-inline: map.get(
+          $featured-item,
+          'simple',
+          'text-spacing-only-child'
+        );
+      }
+    }
   }
 }
 

diff --git a/src/themes/ec/variables/_featured-item.scss b/src/themes/ec/variables/_featured-item.scss
@@ -38,8 +38,9 @@ $featured-item: (
     border-color: var(--c-st),
     title-spacing: var(--s-xl) var(--s-xl) var(--s-s),
     description-spacing: 0 var(--s-xl),
-    text-spacing-desktop: var(--s-xl),
-    text-spacing-right-desktop: var(--s-xl),
+    text-spacing-desktop: 0 var(--s-xl),
+    text-spacing-only-child: var(--s-xl),
+    text-spacing-right-desktop: var(--s-xl) 0,
   ),
   highlight: (
     container-background: map.get($color, 'white'),

diff --git a/src/themes/eu/variables/_featured-item.scss b/src/themes/eu/variables/_featured-item.scss
@@ -38,6 +38,7 @@ $featured-item: (
     border-color: var(--c-p),
     link-spacing: var(--s-m) 0,
     text-spacing-desktop: var(--s-m) 0,
+    text-spacing-only-child: 0,
     text-spacing-right-desktop: 0 var(--s-m),
     title-spacing: 0,
     description-spacing: var(--s-s) 0 0 0,