Antoine/homegrade_theme_production
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixing link exception problem with .Cta

Browse Source
This commit is contained in:
Antoine M 2024-08-08 11:09:22 +02:00
parent 3adcc7e578
commit 10b9aa321d
1 changed files with 27 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
resources/css/base/links.css
View File

@ -1,9 +1,8 @@
:root :where(a:where(:not(.wp-element-button))) { :root :where(a:where(:not(.wp-element-button))) {
text-decoration: unset; text-decoration: unset;
} }
/* EXTERNAL LINKS IN NEW TAB */
a:not( /* a:not(
.cta--secondary, .cta--secondary,
.wp-block-button__link, .wp-block-button__link,
.cta, .cta,
@ -19,36 +18,37 @@ a:not(
transform: translateY(1px); transform: translateY(1px);
} }
} */ } */
} /* } */
/* EXTERNAL LINKS IN NEW TAB */
main main
a[target='_blank']:not(.cta--primary, .cta--button, .wp-block-button__link):not( a[target='_blank']:not([href*='homegrade\.local']):not([href*='homegrade\.brussels']):not(
[href*='homegrade\.local'] :has(img)
):not([href*='homegrade\.brussels']) { ) {
&:not(.cta--primary, .cta--secondary, .cta--button, .wp-block-button__link) {
@apply inline-flex items-center; @apply inline-flex items-center;
@apply px-2 py-1; @apply px-2 py-1;
@apply text-primary underline font-bold relative; @apply text-primary underline font-bold relative;
@apply rounded-md;
&:after { &:after {
@apply ml-2 inline-block; @apply ml-2 inline-block;
/* content: url('../resources/img/graphic-assets/icone-external-link-purple.svg'); */
/* transform: translateY(-3px); */
html[lang='fr-FR'] & { html[lang='fr-FR'] & {
content: "S'ouvre dans un nouvel onglet "; content: "S'ouvre dans un nouvel onglet ";
} }
html[lang='nl-NL'] & { html[lang='nl-NL'] & {
content: 'Downloaden'; content: 'Opent in een nieuw tabblad';
} }
@apply w-4 h-4 inline-block ml-2 bg-center bg-no-repeat; @apply w-4 h-4 inline-block ml-2 bg-center bg-no-repeat;
font-size: 0 !important; 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-black.svg');
} }
&:hover { &:hover {
@apply rounded-md;
background: rgba(239, 239, 239); background: rgba(239, 239, 239);
} }
} }
}
/* INTERNAL LINKS TO A PDF */ /* INTERNAL LINKS TO A PDF */
a[href$='.pdf']:is(a[href*='homegrade\.local'], a[href*='homegrade\.brussels']):not( a[href$='.pdf']:is(a[href*='homegrade\.local'], a[href*='homegrade\.brussels']):not(