Skip to content

Commit 50fcaaa

Browse files
committed
stabilize Link font size on hover
1 parent 5b26d1b commit 50fcaaa

1 file changed

Lines changed: 16 additions & 7 deletions

File tree

src/components/Link/link.scss

Lines changed: 16 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -5,21 +5,30 @@
55
&,
66
&:hover {
77
// default case: use font size from context
8-
font-size: 1em;
8+
font-size: inherit;
99
line-height: inherit;
1010
}
1111

1212
&.#{$prefix}--link--sm {
13-
font-size: $eccgui-size-typo-caption;
14-
line-height: $eccgui-size-typo-caption-lineheight;
13+
&,
14+
&:hover {
15+
font-size: $eccgui-size-typo-caption;
16+
line-height: $eccgui-size-typo-caption-lineheight;
17+
}
1518
}
1619
&.#{$prefix}--link--md {
17-
font-size: $eccgui-size-typo-text;
18-
line-height: $eccgui-size-typo-text-lineheight;
20+
&,
21+
&:hover {
22+
font-size: $eccgui-size-typo-text;
23+
line-height: $eccgui-size-typo-text-lineheight;
24+
}
1925
}
2026
&.#{$prefix}--link--lg {
21-
font-size: $eccgui-size-typo-subtitle;
22-
line-height: $eccgui-size-typo-subtitle-lineheight;
27+
&,
28+
&:hover {
29+
font-size: $eccgui-size-typo-subtitle;
30+
line-height: $eccgui-size-typo-subtitle-lineheight;
31+
}
2332
}
2433

2534
&:focus {

0 commit comments

Comments
 (0)