mirror of
https://github.com/cpvalente/ontime.git
synced 2026-08-11 10:23:54 +00:00
Carlos Valente
36 lines
556 B
SCSS
36 lines
556 B
SCSS
.link {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.25rem;
|
|
|
|
color: $blue-500;
|
|
transition-property: color;
|
|
transition-duration: $transition-time-action;
|
|
width: fit-content;
|
|
text-decoration: none;
|
|
|
|
&.inline {
|
|
display: inline-flex;
|
|
}
|
|
|
|
&:hover {
|
|
color: $ontime-color;
|
|
}
|
|
|
|
&:focus {
|
|
outline: none;
|
|
box-shadow: 0 1px 0 0 currentColor;
|
|
}
|
|
|
|
&:hover .icon,
|
|
&:focus-visible .icon {
|
|
transform: translateX(0.25rem);
|
|
}
|
|
}
|
|
|
|
.icon {
|
|
flex: 0 0 1.5em;
|
|
font-size: 1em;
|
|
transition: transform $transition-time-action;
|
|
}
|