refactor(SW-337): update link tab variant
This commit is contained in:
@@ -90,10 +90,21 @@
|
|||||||
padding: var(--Spacing-x2) var(--Spacing-x0);
|
padding: var(--Spacing-x2) var(--Spacing-x0);
|
||||||
color: var(--Base-Text-High-contrast);
|
color: var(--Base-Text-High-contrast);
|
||||||
text-decoration: none;
|
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 {
|
.tab.active {
|
||||||
border-bottom: 2px solid var(--Scandic-Brand-Burgundy);
|
border-bottom: 2px solid var(--Scandic-Brand-Burgundy);
|
||||||
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
|
|
||||||
.black {
|
.black {
|
||||||
|
|||||||
Reference in New Issue
Block a user