From 050b17039f26b21a8b773149727d74b9948573b7 Mon Sep 17 00:00:00 2001 From: Chuma McPhoy Date: Wed, 4 Sep 2024 10:16:13 +0200 Subject: [PATCH] refactor(SW-337): update link tab variant --- components/TempDesignSystem/Link/link.module.css | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/components/TempDesignSystem/Link/link.module.css b/components/TempDesignSystem/Link/link.module.css index 3fc3b2582..44dc08680 100644 --- a/components/TempDesignSystem/Link/link.module.css +++ b/components/TempDesignSystem/Link/link.module.css @@ -90,10 +90,21 @@ padding: var(--Spacing-x2) var(--Spacing-x0); color: var(--Base-Text-High-contrast); text-decoration: none; + border-bottom: 2px solid transparent; + transition: border-bottom 0.3s ease-in-out; +} + +.tab:hover { + border-bottom: 2px solid var(--Scandic-Brand-Burgundy); +} + +.tab.burgundy:hover { + color: var(--Base-Text-High-contrast); } .tab.active { border-bottom: 2px solid var(--Scandic-Brand-Burgundy); + font-weight: 600; } .black {