37 lines
999 B
CSS
37 lines
999 B
CSS
a[target='_blank'] {
|
|
&:after {
|
|
@apply content-[''] w-7 h-7 ml-2 inline-block;
|
|
background-image: url('../resources/img/carhop-fleche-lien-externe-full--green.svg');
|
|
transform: translateY(6px);
|
|
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
}
|
|
.internal-link-with-icon {
|
|
@apply flex items-center;
|
|
transition: transform 0.3s ease-out;
|
|
&:after {
|
|
transition: transform 0.3s ease-out;
|
|
@apply content-[''] w-10 h-10 ml-2 inline-block;
|
|
background-image: url('../resources/img/carhop-fleche-lien-externe-full--outline-green.svg');
|
|
transform: rotate(0deg) translateX(0px);
|
|
}
|
|
&:hover:after {
|
|
transform: translateX(4px) rotate(45deg);
|
|
}
|
|
&:hover {
|
|
filter: brightness(1.2);
|
|
text-decoration: underline;
|
|
text-decoration-thickness: 1px;
|
|
text-underline-offset: 8px;
|
|
transform: translateX(-4px);
|
|
}
|
|
}
|
|
.no-external-icon {
|
|
&:after {
|
|
@apply !hidden;
|
|
}
|
|
}
|