Antoine/carhop__carhop-theme__DEV
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

FEATURE introducing class underline link

Browse Source
This commit is contained in:
Antoine M 2025-10-07 17:41:35 +02:00
parent 588d3c4467
commit d3641a3453
1 changed files with 21 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
resources/css/base/links.css
View File

@ -1,4 +1,7 @@
a[target='_blank'] { a[target='_blank'] {
@apply external-link;
}
.external-link {
&:after { &:after {
@apply content-[''] w-7 h-7 ml-2 inline-block; @apply content-[''] w-7 h-7 ml-2 inline-block;
background-image: url('../resources/img/carhop-fleche-lien-externe-full--green.svg'); background-image: url('../resources/img/carhop-fleche-lien-externe-full--green.svg');
@ -9,6 +12,24 @@ a[target='_blank'] {
background-position: center; background-position: center;
} }
} }
.underlined-link {
transition: all 0.3s ease-out;
@apply underline underline-offset-8;
text-decoration-thickness: 1px;
&--white {
@apply decoration-white;
&:hover {
@apply decoration-carhop-green-300;
}
}
&--green {
@apply decoration-carhop-green-700;
&:hover {
@apply decoration-carhop-green-400;
}
}
}
.internal-link-with-icon { .internal-link-with-icon {
@apply flex items-center; @apply flex items-center;
transition: transform 0.3s ease-out; transition: transform 0.3s ease-out;