underline (#3545)

ec-europa · Aug 7, 2024 · 55cd8ef · 55cd8ef · github-actions · Aug 7, 2024
1 parent 24a5956
commit 55cd8ef
Show file tree

Hide file tree

Showing 4 changed files with 2 additions and 6 deletions.
diff --git a/src/implementations/vanilla/components/banner/banner.scss b/src/implementations/vanilla/components/banner/banner.scss
@@ -98,7 +98,6 @@ $banner: null !default;
   display: block;
   font: map.get($banner, 'font', 'title', 'mobile');
   margin: 0;
-  text-underline-offset: var(--s-2xs);
 
   &:hover {
     color: map.get($banner, 'text-color', 'dark');
@@ -233,7 +232,6 @@ $banner: null !default;
   .ecl-banner__title,
   .ecl-banner__title-link {
     font: map.get($banner, 'font', 'title', 'tablet');
-    text-underline-offset: var(--s-xs);
   }
 
   .ecl-banner__description,
@@ -293,11 +291,9 @@ $banner: null !default;
   .ecl-banner__title-link {
     display: inline;
     font: map.get($banner, 'font', 'title', 'desktop-m');
-    text-underline-offset: var(--s-2xs);
 
     .ecl-banner--font-l & {
       font: map.get($banner, 'font', 'title', 'desktop-l');
-      text-underline-offset: var(--s-xs);
     }
 
     .ecl-banner--color-light & {

diff --git a/src/implementations/vanilla/components/link/link.scss b/src/implementations/vanilla/components/link/link.scss
@@ -19,6 +19,7 @@ $min-width: 44px; // According to COMM every interactive element should be at le
   font-family: var(--ff-d);
   margin: 0;
   text-decoration: underline;
+  text-underline-offset: 5px;
 
   &:visited {
     color: map.get($link, 'color-visited');

diff --git a/src/implementations/vanilla/components/mega-menu/mega-menu.scss b/src/implementations/vanilla/components/mega-menu/mega-menu.scss
@@ -480,7 +480,6 @@ $mega-menu: null !default;
 
   &:hover {
     text-decoration: underline !important;
-    text-underline-offset: var(--s-2xs);
   }
 
   &:focus-visible {
@@ -1165,7 +1164,6 @@ $mega-menu: null !default;
 
           &:hover {
             text-decoration: underline;
-            text-underline-offset: var(--s-2xs);
           }
         }
 

diff --git a/src/implementations/vanilla/components/tag/tag.scss b/src/implementations/vanilla/components/tag/tag.scss
@@ -21,6 +21,7 @@ $tag: null !default;
   padding: map.get($tag, 'padding');
   text-align: left;
   text-decoration: underline;
+  text-underline-offset: 5px;
 
   &:focus-visible {
     background-color: map.get($tag, 'background-color-focus');