homegrade_theme_production/resources/css/base/links.css
2025-08-04 11:24:36 +02:00

94 lines
2.5 KiB
CSS
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

:root :where(a:where(:not(.wp-element-button))) {
text-decoration: unset;
}
/* a:not(
.cta--secondary,
.wp-block-button__link,
.cta,
.homegrade-blocks-lien-chapitre__cta,
.breadcrumbs_navigation a,
.share-link,
.previous-next-posts__link
) {
/* &[rel='noreferrer noopener'] {
&:after {
@apply ml-2 inline-block;
content: url('../resources/img/graphic-assets/icone-external-link-purple.svg');
transform: translateY(1px);
}
} */
/* } */
/* EXTERNAL LINKS IN NEW TAB */
main
a[target='_blank']:not([href*='homegrade\.local']):not([href*='homegrade\.brussels']):not(
:has(img)
) {
&:not(.cta--primary, .cta--secondary, .cta--button, .share-link, .wp-block-button__link) {
@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 ";
}
html[lang='nl-NL'] & {
content: ' Opent in een nieuw tabblad';
}
@apply w-4 h-4 inline-block ml-2 bg-center bg-no-repeat;
font-size: 0 !important;
text-indent: -9999px;
background-image: url('../resources/img/graphic-assets/icone-external-link-purple.svg');
}
&:hover {
background: rgba(239, 239, 239, 1);
}
}
}
/* INTERNAL LINKS TO A PDF */
a[href$='.pdf']:is(a[href*='homegrade\.local'], a[href*='homegrade\.brussels']):not(
.cta,
.brochure-link-format,
) {
@apply inline-flex items-center;
&:after {
html[lang='fr-FR'] & {
content: 'Télécharger';
}
html[lang='nl-NL'] & {
content: 'Downloaden';
}
@apply w-4 h-4 inline-block ml-2 bg-center bg-no-repeat;
font-size: 0 !important;
text-indent: -9999px;
background-image: url('../resources/img/graphic-assets/icon_brochure_download.svg');
}
}
.external-link {
&:after {
@apply ml-2 inline-block;
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;
}
}
}
}