25 lines
383 B
CSS
25 lines
383 B
CSS
.link,
|
|
.link:hover,
|
|
.link:focus,
|
|
.link:visited {
|
|
position: relative;
|
|
color: var(--color-light-blue);
|
|
}
|
|
|
|
.link:after {
|
|
background-color: var(--color-light-blue);
|
|
bottom: -1px;
|
|
content: '';
|
|
left: 0;
|
|
height: 2px;
|
|
opacity: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
transition: opacity var(--transition-md) ease-out;
|
|
}
|
|
|
|
.link:focus:after,
|
|
.link:hover:after {
|
|
opacity: 1;
|
|
}
|