homegrade_theme_production/resources/css/base/links.css

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, .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;
}
}
}
}