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

54
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,34 +18,35 @@ 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']) { ) {
@apply inline-flex items-center; &:not(.cta--primary, .cta--secondary, .cta--button, .wp-block-button__link) {
@apply px-2 py-1; @apply inline-flex items-center;
@apply text-primary underline font-bold relative; @apply px-2 py-1;
@apply text-primary underline font-bold relative;
&:after {
@apply ml-2 inline-block;
/* content: url('../resources/img/graphic-assets/icone-external-link-purple.svg'); */
/* transform: translateY(-3px); */
html[lang='fr-FR'] & {
content: "S'ouvre dans un nouvel onglet ";
}
html[lang='nl-NL'] & {
content: 'Downloaden';
}
@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');
}
&:hover {
@apply rounded-md; @apply rounded-md;
background: rgba(239, 239, 239); &:after {
@apply ml-2 inline-block;
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;
background-image: url('../resources/img/graphic-assets/icone-external-link-black.svg');
}
&:hover {
background: rgba(239, 239, 239);
}
} }
} }