From d3641a345301247e9a6e7fa4bf26e7ed0fc2b8cd Mon Sep 17 00:00:00 2001 From: Antoine M Date: Tue, 7 Oct 2025 17:41:35 +0200 Subject: [PATCH] FEATURE introducing class underline link --- resources/css/base/links.css | 21 +++++++++++++++++++++ 1 file changed, 21 insertions(+) diff --git a/resources/css/base/links.css b/resources/css/base/links.css index 7b14ba6..123b394 100644 --- a/resources/css/base/links.css +++ b/resources/css/base/links.css @@ -1,4 +1,7 @@ a[target='_blank'] { + @apply external-link; +} +.external-link { &:after { @apply content-[''] w-7 h-7 ml-2 inline-block; background-image: url('../resources/img/carhop-fleche-lien-externe-full--green.svg'); @@ -9,6 +12,24 @@ a[target='_blank'] { 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 { @apply flex items-center; transition: transform 0.3s ease-out;