From 4f3158825f2effa7916dce422b15da34ee2d298e Mon Sep 17 00:00:00 2001 From: Antoine M Date: Tue, 30 Sep 2025 18:05:40 +0200 Subject: [PATCH] FEATURE handling internal link reusable class --- resources/css/base/links.css | 18 +++++++++++++++++- ...fleche-lien-externe-full--outline-green.svg | 17 +++++++++++++++++ 2 files changed, 34 insertions(+), 1 deletion(-) create mode 100644 resources/img/carhop-fleche-lien-externe-full--outline-green.svg diff --git a/resources/css/base/links.css b/resources/css/base/links.css index 2f6fd1e..9820569 100644 --- a/resources/css/base/links.css +++ b/resources/css/base/links.css @@ -9,7 +9,23 @@ a[target='_blank'] { background-position: center; } } - +.internal-link-with-icon { + @apply flex items-center; + &: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'); + } + &:hover:after { + transform: rotate(45deg); + } + &:hover { + filter: brightness(1.2); + text-decoration: underline; + text-decoration-thickness: 1px; + text-underline-offset: 8px; + } +} .no-external-icon { &:after { @apply !hidden; diff --git a/resources/img/carhop-fleche-lien-externe-full--outline-green.svg b/resources/img/carhop-fleche-lien-externe-full--outline-green.svg new file mode 100644 index 0000000..a6c1879 --- /dev/null +++ b/resources/img/carhop-fleche-lien-externe-full--outline-green.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + \ No newline at end of file