diff --git a/resources/css/base/links.css b/resources/css/base/links.css index a4e985c..b952cca 100644 --- a/resources/css/base/links.css +++ b/resources/css/base/links.css @@ -27,25 +27,25 @@ main :has(img) ) { &:not(.cta--primary, .cta--secondary, .cta--button, .wp-block-button__link) { - @apply inline-flex items-center; - @apply px-2 py-1; - @apply text-primary underline font-bold relative; - @apply rounded-md; + @apply inline items-center; + @apply px-2 py-1 first-letter:text-primary underline font-bold relative rounded-md; + &:after { @apply ml-2 inline-block; + transform: translateY(-13px); html[lang='fr-FR'] & { - content: "S'ouvre dans un nouvel onglet "; + content: " S'ouvre dans un nouvel onglet "; } html[lang='nl-NL'] & { - content: 'Opent in een nieuw tabblad'; + content: ' Opent in een nieuw tabblad'; } @apply w-4 h-4 inline-block ml-2 bg-center bg-no-repeat; font-size: 0 !important; - background-image: url('../resources/img/graphic-assets/icone-external-link-black.svg'); + background-image: url('../resources/img/graphic-assets/icone-external-link-purple.svg'); } &:hover { - background: rgba(239, 239, 239); + background: rgba(239, 239, 239, 1); } } } @@ -73,7 +73,19 @@ a[href$='.pdf']:is(a[href*='homegrade\.local'], a[href*='homegrade\.brussels']): .external-link { &:after { @apply ml-2 inline-block; - content: url('../resources/img/graphic-assets/icone-external-link-purple.svg'); + content: url('../resources/img/graphic-assets/icone-external-link-black.svg'); transform: translateY(1px); } } + +.homegrade-blocks-highlight { + a[target='_blank']:not([href*='homegrade\.local']):not([href*='homegrade\.brussels']):not( + :has(img) + ) { + &:not(.cta--primary, .cta--secondary, .cta--button, .wp-block-button__link) { + &:hover { + background: none; + } + } + } +}