Set background color value of external link SVG icons to currentColor

This commit is contained in:
Helen Chong 2024-07-14 03:06:34 +08:00
parent 9c33380e7d
commit 27da0f713d
2 changed files with 1 additions and 7 deletions

View File

@ -88,8 +88,6 @@
} }
a.link-btn[href^="http"]:not([href*="leilukin.com"]) { padding-right: calc(var(--btn-right-padding) + 1.1em); } a.link-btn[href^="http"]:not([href*="leilukin.com"]) { padding-right: calc(var(--btn-right-padding) + 1.1em); }
a.link-btn[href^="http"]:not([href*="leilukin.com"])::after { background-color: var(--clr-link-btn-txt); }
a.link-btn[href^="http"]:not([href*="leilukin.com"]):hover::after { background-color: var(--clr-link-hover); }
/* Content Accordion */ /* Content Accordion */
* + .content-accordion { margin-top: var(--sz-paragraph-margin); } * + .content-accordion { margin-top: var(--sz-paragraph-margin); }

View File

@ -62,17 +62,13 @@ a[href^="http"]:not([href*="leilukin.com"]):not(:has(img, svg, picture))::after,
width: 1em; width: 1em;
height: 1em; height: 1em;
margin-left: 0.25em; margin-left: 0.25em;
background-color: var(--clr-link); background-color: currentColor;
mask-size: 100%; mask-size: 100%;
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 12.2 12.2' width='14' height='14'%3E%3Cpath d='M5.7 0v1.5h4L4.5 6.7l1 1.1 5.3-5.2v3.9h1.4V0z'/%3E%3Cpath fill='none' d='M3.4 6.7l3-2.9H1.5v7h7V5.9l-3 2.9z'/%3E%3Cpath d='M8.5 5.9v4.9h-7v-7h4.9l1.5-1.6H0v10h10V4.4z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 12.2 12.2' width='14' height='14'%3E%3Cpath d='M5.7 0v1.5h4L4.5 6.7l1 1.1 5.3-5.2v3.9h1.4V0z'/%3E%3Cpath fill='none' d='M3.4 6.7l3-2.9H1.5v7h7V5.9l-3 2.9z'/%3E%3Cpath d='M8.5 5.9v4.9h-7v-7h4.9l1.5-1.6H0v10h10V4.4z'/%3E%3C/svg%3E");
mask-repeat: no-repeat; mask-repeat: no-repeat;
transform: translateY(0.25em); transform: translateY(0.25em);
} }
a[href^='http']:not(:has(img, svg, figure)):hover::after {
background-color: var(--clr-link-hover);
}
:not(.c-blockquote) > blockquote, :not(.c-blockquote) > blockquote,
.c-blockquote { .c-blockquote {
padding: 1em 1.4em 1.4em; padding: 1em 1.4em 1.4em;