Typography: Implement a hover animation for <a> elements
This commit is contained in:
parent
7fd398bd01
commit
4f147b6b7a
1 changed files with 6 additions and 0 deletions
|
@ -55,10 +55,16 @@
|
||||||
|
|
||||||
|
|
||||||
a {
|
a {
|
||||||
|
--hover-animating-timing: 0.1s;
|
||||||
|
|
||||||
|
color: var(--blue);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
transition: color var(--hover-animating-timing);
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
|
color: var(--blue);
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
|
transition: color var(--hover-animating-timing);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue