-
Notifications
You must be signed in to change notification settings - Fork 0
/
links.css
38 lines (32 loc) · 833 Bytes
/
links.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
a:not(.no-style) {
text-decoration: none;
}
a:not(.no-style):visited {
--_highlight-color: var(--accent-2);
}
a:not(.no-style):not(.button) {
--_highlight-color: var(--accent-1);
color: var(--_highlight-color);
position: relative;
overflow-y: visible;
display: inline-block;
transition: transform 300ms ease;
}
a:hover:not(.no-style):not(.button):not(.no-anim) {
transform: translateY(-3px);
}
a:not(.no-style):not(.button):not(.no-anim)::after {
content: '';
position: absolute;
background-color: var(--_highlight-color);
height: 2px;
width: 100%;
bottom: 0;
left: 0;
overflow-y: visible;
transition: transform 300ms ease;
transform: scaleX(0);
}
a:hover:not(.no-style):not(.button):not(.no-anim)::after {
transform: scaleX(1) translateY(3px);
}