STYLE Slight change in behaviour
This commit is contained in:
parent
0031fccef8
commit
1851aa28cd
|
|
@ -11,19 +11,22 @@ a[target='_blank'] {
|
||||||
}
|
}
|
||||||
.internal-link-with-icon {
|
.internal-link-with-icon {
|
||||||
@apply flex items-center;
|
@apply flex items-center;
|
||||||
|
transition: transform 0.3s ease-out;
|
||||||
&:after {
|
&:after {
|
||||||
transition: transform 0.3s ease-out;
|
transition: transform 0.3s ease-out;
|
||||||
@apply content-[''] w-10 h-10 ml-2 inline-block;
|
@apply content-[''] w-10 h-10 ml-2 inline-block;
|
||||||
background-image: url('../resources/img/carhop-fleche-lien-externe-full--outline-green.svg');
|
background-image: url('../resources/img/carhop-fleche-lien-externe-full--outline-green.svg');
|
||||||
|
transform: rotate(0deg) translateX(0px);
|
||||||
}
|
}
|
||||||
&:hover:after {
|
&:hover:after {
|
||||||
transform: rotate(45deg);
|
transform: translateX(4px) rotate(45deg);
|
||||||
}
|
}
|
||||||
&:hover {
|
&:hover {
|
||||||
filter: brightness(1.2);
|
filter: brightness(1.2);
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
text-decoration-thickness: 1px;
|
text-decoration-thickness: 1px;
|
||||||
text-underline-offset: 8px;
|
text-underline-offset: 8px;
|
||||||
|
transform: translateX(-4px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.no-external-icon {
|
.no-external-icon {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user