From 27da0f713d1459eca9bb5e51f14ae9784daeddc6 Mon Sep 17 00:00:00 2001 From: Helen Chong <119173961+helenclx@users.noreply.github.com> Date: Sun, 14 Jul 2024 03:06:34 +0800 Subject: [PATCH] Set background color value of external link SVG icons to currentColor --- src/assets/css/components.css | 2 -- src/assets/css/general.css | 6 +----- 2 files changed, 1 insertion(+), 7 deletions(-) diff --git a/src/assets/css/components.css b/src/assets/css/components.css index f8adf589..713622fc 100644 --- a/src/assets/css/components.css +++ b/src/assets/css/components.css @@ -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"])::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 { margin-top: var(--sz-paragraph-margin); } diff --git a/src/assets/css/general.css b/src/assets/css/general.css index 28711a24..31d064dd 100644 --- a/src/assets/css/general.css +++ b/src/assets/css/general.css @@ -62,17 +62,13 @@ a[href^="http"]:not([href*="leilukin.com"]):not(:has(img, svg, picture))::after, width: 1em; height: 1em; margin-left: 0.25em; - background-color: var(--clr-link); + background-color: currentColor; 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-repeat: no-repeat; transform: translateY(0.25em); } -a[href^='http']:not(:has(img, svg, figure)):hover::after { - background-color: var(--clr-link-hover); -} - :not(.c-blockquote) > blockquote, .c-blockquote { padding: 1em 1.4em 1.4em;